dポイントプレゼントキャンペーン実施中!

tdにborder(dotted)を指定して線を引きたいのですが、
セルの境目に隙間が空いてしまいます。


《html》

<table class="information">
<tr>
<td class="infoborder_u">営業時間</td>
<td class="infoborder_u">月曜~金曜</td>
<td class="infoborder_u">9:00 ~ 19:00</td>
</tr>

《css》

.information{
width: 350px;
height: 180px;
background-color: #808080;
margin: 10 0 0 0px;
border-collapse: collapse;



.information td{
padding-left: 10px;
}

.infoborder_u{
border-style: dotted;
border-width: 1 0 0 0px;
border-color: #000000;
}


回避方法はないでしょうか?

「tdに指定したborderの隙間について」の質問画像

A 回答 (1件)

border-spacingも指定しましょう。

この回答への補足

ありがとうございました。

border-collapse:collapse;

で解決しました。

補足日時:2010/12/08 09:36
    • good
    • 0
この回答へのお礼

ありがとうございます。

この質問を書いてからそれに気づいて、

「border-spacing:0;」
を指定しましたが、うまくいきません(投稿した表示のままです)

指定する箇所が違うのかと、いろいろな場所に書き込んでみたのですが・・・。

お礼日時:2010/12/07 10:12

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!