没有边框的表格,第二行中的线条向下

时间:2010-11-03 09:40:47

标签: html border

我需要帮助:

如果我尝试将其整合到时事通讯mailchimp上,那么这里的线路就是屏幕截图:

http://i197.photobucket.com/albums/aa253/tintingerri/Test/pic4.png

有人可以帮助我,为什么会这样? 如果我在一个文本板中测试它看起来不错,如果我尝试将代码现在放在mailchimp中,那么行重新格式化。任何的想法? 感谢

3 个答案:

答案 0 :(得分:2)

添加

border-top: 1px solid #000;

style代码的<td>属性。

您可以将颜色更改为您想要的任何颜色,您可能希望使用外部CSS样式表。

答案 1 :(得分:1)

如果你想要一张只有顶部边框的桌子,下面的方法就可以了。

  

&lt; table style =“ border-color:#008000; border-style:solid none none none; border-width:2px; width:100%”&gt;      &LT; TR&GT; &lt; td&gt; ROW1&LT; / TD&GT;     &LT; / TR&GT; &lt; tr&gt;         &LT; TD&GT; ROW2&LT; / TD&GT; &LT; / TR&GT;   &LT; /表&gt;

您也可以根据需要将边框样式应用于表格行。

答案 2 :(得分:1)

类似的东西:

td { border-top:2px solid #fb0 }
td { padding-left:25px; padding-bottom:10px; padding-top:10px; width: 30% }
tr.alt { background: #ffc }

具有背景的行将使用

<tr class="alt">  

通常的做法是将所有样式放在css文件中或单独的<style>标记区域中。

示例:http://jsfiddle.net/2LXUn/2/