livedoor ナレッジ

tableの枠を一本にする方法

こんにちは。
htmlでtableを作ると線が外枠と内枠の2本になってしまいます。外枠だけを消すと四角がたくさんできてしまいます。

tableで線を一本にする方法はありますでしょうか？ご存知の方教えてください。よろしくお願いします。

CSSで設定するのがいいかと思います。ページ全体のtableに対しやるには、次のようにCSSを書きます。

table{
 border-collapse: collapse;
 border:1px solid #123456;
}
td{
 border:1px solid #123456;
}

tableで外側、tdで内側の線を指定します。#123456は適当な色に置き換えて下さい。1pxは線の太さ、solidは線種で他にも次のような種類があります。

none：なし
dotted：点線
dashed：粗い点線
solid：実線
double：二重線
groove：谷線
ridge：山線
inset：内線
outset：外線

border-collapseは、なくてもいいのかもしれませんが、線の間が空いてしまうブラウザが多いと思いますので、空けないように設定しておきます。

特定のtableだけに設定するには、table→table.abc、td→td.tdabcとか名前をつけておいて、HTMLで、

<table class="abc">
・・・
<td class="tdabc">

のように、クラスを指定します。