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の背景画像と線を指定してボックスを装飾する

背景画像とborderでボックスを装飾します。

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

HTMl

<div class="mod_Midasi003">
<h2>Midasi_003:背景とボーダー付見出し</h2>
<!-- mod_Midasi003_end --></div>

CSS

.mod_Midasi003{
	width:698px;
	padding:1px;
	border:solid 1px #CCC;
}
.mod_Midasi003 h2{
	padding:5px;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.7;
	color:#666;
	background:#EFEFEF url('Midasi_003.jpg') repeat-x bottom left scroll;
}