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


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

コメント・感想もお待ちしてます!

 

CATEGORY - WordPress

total

0

share!

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

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

monographはiPhone・Macなどのガジェットを中心に管理人PITE.の気になるモノを幅広く紹介するブログメディアです。月間50〜70万PV。気軽に楽しんで行って下さい。

Copyright© iPhone・Macの情報発信ブログ "monograph" , 2011 All Rights Reserved.