テーブルに点線の枠線を表示する – コピペで出来る!簡単ホームページ作成入門

灰色背景がサンプルソース薄緑背景が実際の見た目 サンプルソース HTMLソース <table class=”dtbl”> <tr> <td>セル1</td> <td>セル2</td> </tr> </table> CSSソース .dtbl, .dtbl th, .dtbl td { border:1px dotted #000; } サンプル表示 セル1 セル2 解説 HTMLソース 点線枠を表示させたいテーブルにのみ適用させる為、テーブルにidを指定します。 ここでは、<table id=”dtbl”>としています。 CSSソース border:1px dotted #000; これは、太さ1ピクセルの#000色の点線を表示するという意味です。 1pxが太さ、dottedが点線、#000が線の色を表しています。 なので、1pxの数字を増やせば太い線に。#000を別の色コードにすれば線の色