アメブロの「メッセージボード」を四隅の角を丸にするCSSカスタマイズ

こんにちは。YOSHITAKA（@YOSHITA19704216）です。

初心者

アメブロで四隅の角を丸くできますか？

よしたか

簡単にできますよ。

アメブロを利用者の中でメッセージボードの角を丸くしたい人が多くいらっしゃったので、今日はその内容について説明していきます。

メッセージボードを編集する方法

メッセージボードの比較

アメブロのトップページにアクセスすると表示されるメッセージボード。

標準では上下に点線が表示される仕様です。

枠を角丸にすると少しやわらかい印象になりますね。

コピペの内容

メッセージボードを角丸線で囲むにはＣＳＳの編集の最後に以下の記述を追記します。

※CSS編集用デザインスキンのみのカスタマイズになります。

少しアレンジして、立体的に表示させたい（影を付けたい）場合は、

CSSの解説

まとめ

本日は角を丸める CSS についてご説明しました。

コピーペーストできますので、難しくはありません。いろんな色や、丸みの調整をして、ブログのカスタマイズに挑戦してください。