Warning: Trying to access array offset on value of type bool in /home/yotigory/codingmania.net/public_html/wp-content/plugins/search-everything/config.php on line 29
CSSの背景画像を指定してボックスの外枠を変える - CodingMania

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;
}