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

0
0
0
0

    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種類記述しておくようにしましょう。


CATEGORY - WordPress

total

0

share!

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