2011/3/13

CSSの背景画像を指定してボックスの外枠を変える

外枠を画像を使って装飾します。

ボックスの縦横変更できます。

HTMl

<div class="mod_Midasi001">
<h1>Midasi_001:外枠つき</h1>
<!-- mod_Midasi001_end --></div>

CSS

.mod_Midasi001{
	width:700px;
	padding:5px;
	background:transparent url('Midasi_001.gif') repeat scroll;
}
.mod_Midasi001 h1{
	padding: 5px;
	font-size:1.4em;
	font-weight:bold;
	color:#666;
	background-color:#FFF;
}