今日のデザインはコレ!

 

 

<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/

 

今日はこんなところ!