[WordPressメモ] div要素の角を丸くする方法!
0
0
0
0
2014/11/15
自分への備忘録として書いておきます。
使用例はこんな感じ。
![](http://a4.mzstatic.com/us/r1000/114/Purple/51/c6/c8/mzl.xtwntewo.75x75-65.png)
カテゴリ: 仕事効率化
販売元: 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-radius: 20px; /* CSS3 */
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */
border: 5px green solid; /* 枠線の装飾 */
background-color: #FFFFFF; /* 背景色 */
}
このように記述すれば設定完了です。まだブラウザによって対応が違うので3種類記述しておくようにしましょう。