メッセージボードを角丸にするカスタマイズ

こんにちは。
『やさしいブログの作り方』の松田です。

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



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




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


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

.skinMessageBoard{
border:1px solid #999999;
border-radius:10px;
}

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


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

.skinMessageBoard{
border:1px solid #999999;
border-radius:10px;
box-shadow:3px 3px 3px #cccccc;
}

お好みの方をご活用ください。＾＾


最後までお読みいただきありがとうございました。

５つの無料メール講座配信中

これからブログを頑張っていきたい！ まずは基本から。
やさしいブログづくりのための、やさしいメール講座（全８回）

「来てよかったです！」と言われるイベントにするために。
少人数イベント実施のための５つのステップ＋２が学べるメール講座（全７回）

メルマガ、やってみたいけどどうすれば？という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座（全１０回）

パソコンワーク、もっと時短できますよ。
ブロガーさんのための、パソコンワーク時短術１０の技メール講座

販売記事を書くポイントを教えます。
初めての販売記事を書いてみよう！　５つのポイント実践メール講座

６月１日、電子出版しました！

ブログを続けていてよかった、そんな気持ちを一人でも多くの人と共有したいと思っています。＾＾

AmazonのKindleストアにて好評販売中！
やさしいブログが教えてくれたこと