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

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