HTML

<div class="a1">
<div class="b1">
<p>HTML</p>
</div>
</div>

.a1{
width : 500px;
margin-left : auto;
margin-right : auto;
background-color : #ffe8e8;
margin-bottom : 250px;
}
.b1{
border-left-width : 5px;
border-right-width : 5px;

border-left-style : dotted;
border-right-style : dotted;
border-left-color : #ff8000;
border-right-color : #ff8000;
width : 500px;
}


HTML

<div class="a1-1">
<div class="b1-1">
<p>HTML</p>
</div>
</div>

.a1-1{
width : 500px;
margin-left : auto;
margin-right : auto;
background-color : #ffe8e8;
margin-bottom : 250px;
}
.b1-1{
border-left-width : 5px;
border-right-width : 5px;

border-left-style : dotted;
border-right-style : dotted;
border-left-color : #ff8000;
border-right-color : #ff8000;
width : 490px;
}


・・


 横幅490pxなのに、600pxの画像を入れてしまった!
 

 イチゴ、おいしそうだね〜〜〜♪
inserted by FC2 system