让Table的TD有边框而Table右左没有边框的CSS样式

我们还没有老去,却经历了太多风浪,被迫快速的强大,成长起来。心,已然老过了年龄,老过了岁月。
比如这样一个CSS
复制代码
代码如下:

.td3{
font-size: 14px;
color: #FFFFFF;
background-color: #000000;
BORDER-RIGHT: #f6f6f6 1px solid; //显示右边框为1px,如果不想显示就为0px
BORDER-TOP: #f9f9f9 0px solid; //显示上边框为1px,如果不想显示就为0px
BORDER-LEFT: #f9f9f9 0px solid;//显示左边框为1px,如果不想显示就为0px
BORDER-BOTTOM: #f5f5f5 0px solid;//显下右边框为1px,如果不想显示就为0px
}

在你调用显示这个样式的TD里调用class="td3"
就可以了
比如:
复制代码
代码如下:

<table width="400" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="td3"></td><td class="td3"></td class="td3"><td></td class="td3"><td></td></tr>
</table>

一样可以的,你变通下哈
比如你定义一个
复制代码
代码如下:

.table1{}
.table1 td{
font-size: 14px;
color: #FFFFFF;
background-color: #000000;
BORDER-RIGHT: #f6f6f6 1px solid; //显示右边框为1px,如果不想显示就为0px
BORDER-TOP: #f9f9f9 0px solid; //显示上边框为1px,如果不想显示就为0px
BORDER-LEFT: #f9f9f9 0px solid;//显示左边框为1px,如果不想显示就为0px
BORDER-BOTTOM: #f5f5f5 0px solid;//显下右边框为1px,如果不想显示就为0px
}
<table width="400" border="0" cellspacing="0" cellpadding="0" align="center" class="table1">
<tr>
<td> </td> <td class="td3"> </td class="td3"> <td> </td class="td3"> <td> </td> </tr>
</table>

大致就像这么定义!
为什么要用GridView
这个做的好像冗余代码不少啊

以上就是让Table的TD有边框而Table右左没有边框的CSS样式。只有行动才能抚平梦想带来的躁动不安。我们认定了只要奋斗,一切都还有希望,毕竟我们还年轻。于是,我们没日没夜的挑灯苦战,在旅途中挥洒着热血。然而总有些人会背道而驰。更多关于让Table的TD有边框而Table右左没有边框的CSS样式请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
详解在table设置max-width以及min-width兼容问题和如何解决方案

用CSS3和table标签如何实现一个圆形轨迹的动画的示例代码

contenteditable元素的placeholder输入提示语设置方法

table-cell完成左侧定宽,右侧定宽及左右定宽等布局的如何实现方法

不用table而如何实现等分DIV的方法