[WordPressメモ] div要素の角を丸くする方法！

2011/10/27 2014/11/15

Wordpress 自分への備忘録として書いておきます。

記事の中にコメントなどを入れたいとき、divの四角の角を丸くするだけで大分印象が変わります。

使用例はこんな感じ。

TextExpander 1.2.2（￥450）
カテゴリ: 仕事効率化
販売元: SmileOnMyMac, LLC – SmileOnMyMac, LLC（サイズ: 2.3 MB）

これを使うにはスタイルシートに、

div.kadomaru {
border-radius: 20px; /* CSS3 */
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */

border: 5px green solid; /* 枠線の装飾 */
background-color: #FFFFFF; /* 背景色 */
}

このように記述すれば設定完了です。まだブラウザによって対応が違うので3種類記述しておくようにしましょう。

更新情報はLINE@で！

ここまでお読みいだきありがとうございます！更新情報や限定コンテンツはLINE@でお届けしていますので、右のボタンから登録をお願いします！あなたのスマホに記事を直接お届け。

CATEGORY - WordPress

total

share!

シェアしてくれるとめっちゃよろこびます。

TOP