表格的边框的问题

yurui05 2009-05-06 03:59:15

大家先自己建个表格多行多列的奇数行单元格背景为默认的红色偶数行单元格背景为其它颜色就这个吧“#5BAFDE”
设置 border=1
然后很奇怪边框看起来不怎么顺眼

我要求的边框看起来是直线也就是说横看竖看都是一条直线

实际上不是请问如何解决？（这个表格还有另外一个问题请参考
http://topic.csdn.net/u/20090506/15/77190d08-2f19-4b6f-875b-71de8ae90d03.html）谢谢
代码：



<table width="100%" border="1" cellspacing="0" cellpadding="0">

      <tr bgcolor="#5BAFDE" style="color:#FFFFFF; font-weight:bold;">

        <td width="40" height="40" align="center">ID</td>

        <td align="center">标 题</td>

        <td width="110" align="center">提交时间</td>

        <td width="110" align="center">答复时间</td>

      </tr>

      <tr>

        <td height="30" align="center" class="font2">1</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td height="30" align="center" class="font2">2</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td height="30" align="center" class="font2">3</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td height="30" align="center" class="font2">4</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td height="30" align="center" class="font2">5</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td height="30" align="center" class="font2">6</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td height="30" align="center" class="font2">7</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td height="30" align="center" class="font2">8</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td height="30" align="center" class="font2">9</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td height="30" align="center" class="font2">10</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td height="30" align="center" class="font2">11</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td height="30" align="center" class="font2">12</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td height="30" align="center" class="font2">13</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td height="30" align="center" class="font2">14</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td height="30" align="center" class="font2">15</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td height="30" align="center" class="font2">16</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td height="30" align="center" class="font2">17</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td height="30" align="center" class="font2">18</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td height="30" align="center" class="font2">19</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td height="30" align="center" class="font2">20</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

    </table>

...全文

54 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

上海之众文化传播有限公司 2009-05-06

打赏
举报

帮顶

夜雨_Jason 2009-05-06

打赏
举报

贴个完整代码给你

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>min-height最小高度的实现（兼容IE6、IE7、FF） - www.52css.com</title>

<style type="text/css">

<!--



td {border:1px solid #CCCCCC;

    border-bottom:none;

	border-left:none;}

.td1{border:1px solid #CCCCCC;

     border-left:none;}

.td2{ border-left:1px solid #CCCCCC;}

 

-->

</style>

</head>



<body>

<table width="100%"  cellspacing="0" cellpadding="0">

      <tr bgcolor="#5BAFDE" style="color:#FFFFFF; font-weight:bold;">

        <td class="td2" width="40" height="40" align="center">ID</td>

        <td align="center">标 题</td>

        <td width="110" align="center">提交时间</td>

        <td width="110" align="center">答复时间</td>

      </tr>

      <tr>

        <td class="td2" height="30" align="center" class="font2">1</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td class="td2" height="30" align="center" class="font2">2</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td class="td2" height="30" align="center" class="font2">3</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td class="td2" height="30" align="center" class="font2">4</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td class="td2" height="30" align="center" class="font2">5</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td class="td2" height="30" align="center" class="font2">6</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td class="td2" height="30" align="center" class="font2">7</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td class="td2" height="30" align="center" class="font2">8</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td class="td2" height="30" align="center" class="font2">9</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td class="td2" height="30" align="center" class="font2">10</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td class="td2" height="30" align="center" class="font2">11</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td class="td2" height="30" align="center" class="font2">12</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td class="td2" height="30" align="center" class="font2">13</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td class="td2" height="30" align="center" class="font2">14</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td class="td2" height="30" align="center" class="font2">15</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td class="td2" height="30" align="center" class="font2">16</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td class="td2" height="30" align="center" class="font2">17</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td class="td2" height="30" align="center" class="font2">18</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr>

        <td class="td2" height="30" align="center" class="font2">19</td>

        <td align="left">咨询</td>

        <td align="center">2009-04-26</td>

        <td align="center">2009-04-29</td>

      </tr>

      <tr bgcolor="#F7FBFF">

        <td class="td2 td1" height="30" align="center" class="font2">20</td>

        <td class="td1" align="left">咨询</td>

        <td class="td1" align="center">2009-04-26</td>

        <td class="td1" align="center">2009-04-29</td>

      </tr>

    </table>



</body>

</html>

夜雨_Jason 2009-05-06

打赏
举报

<style type="text/css">

<!--

table {border:1px solid #CCCCCC;/*边框颜色自己设置*/}

td {border:1px solid #CCCCCC;}

 

-->

</style>

CSS3规范并不是独立的，它重复了CSS的部分内容，但在其基础上进行了很多的增补与修改。...本课程是《CSS3网页设计与制作》系列课程的6-11章内容，主要包含颜色特性、文本属性、盒模型、边框属性、背景属性等知识点

概述本文介绍通过Java程序设置Word表格边框的方法，设置边框时可对整个表格设置，也可对指定单元格设置，同时可对边框进行格式化设置设置，包括边框类型、样式、颜色、线条宽度等等，下面将分三个示例来展示如何设置...

表看起来是这样的：html表格边框问题和HTML是这样的：NameAddressDomainStatus和CSS，因为它出现在Firebug是这样的：为主表：每个日：我加边境只有太见S [细胞之间的尖子。我的问题是要消除这个空间。我在表格中...

一、半透明表格边框效果半透明表格边框代码代码如下(透明值语法:opacity=30):border=1>透明表格边框代码二、字集段表格边框效果:公告字集段表格边框代码代码如下:color=#99cc00>公告字集段表格边框代码三、...

html设置表格边框样式的方法发布时间：2020-10-26 13:53:07来源：亿速云阅读：114作者：小新这篇文章主要介绍html设置表格边框样式的方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！...

CSS

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章