BODY{
margin : 0px;
background:#FFF url('images/beni102.gif') repeat;
}
DIV.block_A{
text-align : center;
/*font-size: 28pt;*/
/*color : red;*/
/*background-color : white;*/
margin-left : auto;
margin-right : auto;
margin-bottom : auto;
height : 100px;
display:block;
font-family : sans-serif;
vertical-align : middle;
padding-top : 25px;
background-image : url(images/benilogo.gif);
background-repeat : no-repeat; /*30px;*/
background-position : 10px 10px;
}
DIV.block_B{
border-color : red;
/*background-color : white;*/
top : 0px;
height : 100%;
width : 17%;
float : left;
}
.main_title{
margin-top : 25px;
/*padding-top : 25px;*/
/*vertical-align : middle;*/
color : red;
text-align : center;
display : inline;
font-size:28px
;}
.sub_title{
color : #3d45dc;
display :inline;
font-size: 80%;
}
|
← 画面いっぱいに表示される。
margin:0px を指定しないデフォルト
では上下左右10px程度のようです。
ここは main_title で設定する。
← イメージ 背景画
繰り返さない
位置設定
← block_A,B,C ともに background-color を
指定しなければ bodyの background
を表示する。
← main_title のクラス
← sub_title
|