クリックすると拡大されます。
ＣＳＳファイルをいじって見てわかったことを記事にして行きますが
間違えたらごめんなさい。
さて、前回のｂｏｄｙのつづきです。
ｂｏｄｙの下に
#dropshadow{
width: 100%;
padding-bottom: 8px;
filter: dropshadow(color=#000000, offx=5, offy=8);
}
てありますよね。
これは記事の枠の影になります。デザインによっては
無いものもあります。なければ付けられると言うことです。
padding-bottomはいじってもかわらない？
デザインのせいかも
今回はその下の（ ）中を触ります。
を指定できます。
さらに、その下
#container{
margin: 0px;
padding: 0px;
width: 700px;
border:3 solid #FF0000;
background-color:#0000FF;
}
containerは図の青部分になります。従ってこのデザインは
４段重ね！！になっていると言うことです。
最下層から
body→container→pwmain→pwblogbody
となります。
marginはwidthで指定した幅の外側の余白を指定します。
paddingはwidthで指定した幅の内側の余白を指定します。
widthは青色部分の幅の指定になります。
border:3 solid #FF0000;は赤色の枠の部分になります。
border:3の数字で枠の幅を指定できます。
solid （ソリッド）は枠の形状コードになります。
枠の形状コードは最後に載せてます。
#FF0000の＃から後ろがカラーコードになります。
background-color:#0000FF;で全体の色（青）を指定できます。
枠の形状コード
none：枠なし
solid：実線
dashed：破線
dotted：点線
double:二重線
などがある。
margin: 0px;
padding: 0px;
width: 700px;
border:3 solid #FF0000;
background-color:#0000FF;
}
containerは図の青部分になります。従ってこのデザインは
４段重ね！！になっていると言うことです。
最下層から
body→container→pwmain→pwblogbody
となります。
marginはwidthで指定した幅の外側の余白を指定します。
paddingはwidthで指定した幅の内側の余白を指定します。
widthは青色部分の幅の指定になります。
border:3 solid #FF0000;は赤色の枠の部分になります。
border:3の数字で枠の幅を指定できます。
solid （ソリッド）は枠の形状コードになります。
枠の形状コードは最後に載せてます。
#FF0000の＃から後ろがカラーコードになります。
background-color:#0000FF;で全体の色（青）を指定できます。
枠の形状コード
などがある。
1Weekで削除します。