メッセージボード 線と背景色

メッセージボードはブログのトップページにだけ記事の上に表示されるスペースです
※メッセージボードを書くことによって現れます（はじめは表示されていません）

作り方は・・・

アメブロを書く　→　メッセージボード

記事を書くときと同じように書いていきます・・

逆に・・・・

メッセージボードを消したいのだけど・・・消えてくれない？って場合は・・

↓中には何も書かれていないように見えますが・・・

HTMLタグを表示にしてみると・・・

<br />だとか消し忘れているタグがあるはずです

これらを全部削除すればメッセージボードは表示されなくなります

ではここからＣＳＳでいろいろやってみます

まずは点線を消します・・・

/*メッセージボード*/
.skinMessageBoard {
border:none;/*線を消す*/
}

もし・・文字色を変えて背景色を入れたら・・

/*メッセージボード*/
.skinMessageBoard {
border:none;/*線を消す*/
color:#ffffff;/*文字色*/
background-color:#ff0000;/*背景色*/
}

線で囲ってみます

/*メッセージボード*/
.skinMessageBoard {
border:1px solid #0000ff;/*線の太さ　線種　線の色*/
color:#0000ff;/*文字色*/
background-color:#ff0000;/*背景色*/
}

メッセージボードの中のスキマは・・・

/*メッセージボードの中のスキマ*/
.skinMessageBoard3 {
padding: 16px 30px;/*上下　左右*/
}

初期設定の状態では上下のスキマがそれぞれ16pxで左右がそれぞれ30pxです

枠線の種類・・・

1本線　border:4px solid #ff00ff;/*線の太さ　線種　線の色*/

2本線　border:4px double #ff00ff;/*線の太さ　線種　線の色*/

破線　border:4px dashed #ff00ff;/*線の太さ　線種　線の色*/

点線　border:4px dotted #ff00ff;/*線の太さ　線種　線の色*/
dottedの場合は線の太さが3px以上ないとIEでは破線に見えます

窪んだ線　border:4px groove #ff00ff;/*線の太さ　線種　線の色*/

隆起した線　border:4px ridge #ff00ff;/*線の太さ　線種　線の色*/

border:4px inset #ff00ff;/*線の太さ　線種　線の色*/

border:4px outset #ff00ff;/*線の太さ　線種　線の色*/