記事欄の角を丸くするには　　　（アメブロＣＳＳ編集用デザイン）

こんばんワ。

今回はＣＳＳを使って角を丸くする方法について
御案内してみたいと思います。

基本的に、ＣＳＳに以下のコードを使うことで
角を丸くする事が出来ます。

border-radius : XXpx;

なんて読むんでしょう？ボーダーラディウス？

例えばメッセージボードなら

.skinMessageBoard{
border-radius:6px;
}

記事なら

.skinArticle{
border-radius:6px;
}

他にも
サイドメニューは
.skinMenu
に

border-radius

を書く！っていう感じで
角を丸くしたい箇所のコード（class）の名前を調べて
いろいろな箇所に使ってみれると思います。

※ほとんどの場合、CSSの一番下に追加すれば
OKですし、すでに書いてあるCSSに
border-radiusを追記してもOKだと
思います。（＊例外も一部あるようでは、ありますが・）

ただし、
IE8より前のブラウザをつかっている方は角が
丸くならないようです。
また、たまたま、先日試してみたんですが、
最新のIE11でも、この仕様は反映させる事
が出来ませんでした。

IE9や safari 、chromeなどのブラウザなら
出来ると思います。
ってか、safari 、chrome、firefoxは出来ました＾＾；

あと余談ですけど、CSSでできることも、だんだん
増えてきているようです。

今のアメブロのCSSは、CSS3 (シーエスエススリー)
って言われていて、すごい機能がたくさんあるらしい
です。
以前は CSS2とか1だったらしいですが・・

で今回、記事欄の角を丸くしてみましたので、
その方法を御案内します。

アメブロ記事欄の角を丸くする方法

ＣＳＳ編集用デザインの記事欄は、初期の状態では、
このように真四角になってます。