人気ブログランキング | 話題のタグを見る

ブログ活用のヒントを満載
by vlsasaki2
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

marginとpadding
aT hoMe dAdさんからこういううれしいお便りをいただきました。
記事タイトルのグラデーション
はじめてTBさせてもらいます。こんにちわ^^;
私もここ数日悪戦苦闘していまして、何とかタイトル&メニュー欄のexciteロゴのグラデに成功しました。
よかったら見てやってください。
ひとつ質問ですが、タイトルの左端に少しスペースを入れたいのです。なんか文字がよりすぎていて…。知恵を下さい~^^;


ソースを見ますと、このようになっています。
DIV.POST_HEAD {
WIDTH : 300PX;
MARGIN : 10PX 10PX 10px 0PX;
background-color:#cccc99;
padding:5px;
filter:alpha(opacity100,finishopacity=10,style=1,startx=50);
width:95%;
PADDING : 5PX 0PX 5PX;
BORDER-BOTTOM : 2PX #AAA DOTTED;
}

CSSではあとで記述した方が優先ですから、
PADDING : 5PX 0PX 5PX;
が有効になります。


ちなみに
5PX 0PX 5PX
は上の内余白5px、左右の内余白0px、下の内余白5pxという意味です。

したがってこの行を削除すると、
padding:5px;
が有効となり、上、右、下、左ともに5pxになりますが、もとからあるステートメントは削除するよりも、無効にしておいた方がいいのではないかと思います。
ステートメントを無効にするには、  /* と */ で囲います。

/*PADDING : 5PX 0PX 5PX;*/ とすればいいです。
by vlsasaki2 | 2004-09-20 15:56 | HTMLとCSS編集 Top↑
<< CSSで画像の縁取りポラロイド写真風 id属性の意味 >>