html 文字に下線を付ける

htmlの文字に下線を付けます。

実線 破線 点線 二重線

以下コード。

<table>
 <tbody>
  <tr>
   <th><span style="border-bottom: solid 1px;">実線</span></th>
   <th><span style="border-bottom: dashed 1px;">破線</span></th>
   <th><span style="border-bottom: dotted 1px;">点線</span></th>
   <th><span style="border-bottom: double 3px;">二重線</span></th>
  </tr>
  <tr>
   <td>か</td>
   <td>き</td>
   <td>く</td>
   <td>け</td>
  </tr>
 </tbody>
</table>

二重線のみ線の太さが3px以上ないと描画されないようです。

コメント

タイトルとURLをコピーしました