今日のデザインはコレ!
<div class="top_border□□□">
<img src="/img/top_border□□□.gif" alt="会社紹介">
</div>
<div class="□□□_imgbox_cf">
<div class="clinic_img">
<a href="/□□□#jump1"><img src="/img/□□□_img1.jpg" alt="作業風景"></a>
</div>
<div class="clinic_img">
<a href="/□□□#jump2"><img src="/img/□□□_img2.jpg" alt="作業風景"></a>
</div>
<div class="clinic_img">
<a href="/□□□#jump3"><img src="/img/□□□_img3.jpg" alt="作業風景"></a>
</div>
<div class="clinic_img">
<a href="/□□□#jump4"><img src="/img/□□□_img4.jpg" alt="作業風景"></a>
</div>
<div class="clinic_img">
<a href="/□□□#jump5"><img src="/img/□□□_img5.jpg" alt="作業風景"></a>
</div>
</div>
<div class="top_border_under">
<img src="/img/top_border_under.gif" alt="会社紹介">
</div>
---------------
.□□□_imgbox_cf {
width: 932px;
margin: 10px -32px 10px 11px;
overflow: hidden; →ボックスからはみ出した場合は削除
}
.□□□_img {
width: 150px;
float: left;
margin: 0 32px 0 0;
}
.□□□_img img {
padding: 1px;
border: 1px solid #b19e8f; →グレーの枠線をつける
vertical-align: bottom; → よくわからぬ
}
-------------
vertical-align: bottom;
揃え位置の指定をするようだけど・・・
bottom → 親要素、または先頭行のセルの下端と揃う。
下にぴったりくっつくという事ではないのかな?
https://dekiru.net/article/13123/
今日はこんなところ!

