手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >让Table的TD有边框而Table右左没有边框的CSS样式
让Table的TD有边框而Table右左没有边框的CSS样式
摘要:比如这样一个CSS.td3{font-size:14px;color:#FFFFFF;background-color:#000000;BO...

比如这样一个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></td><td></td><td></td><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">

<tr>

<td> </td> <td> </td> <td> </td> <td> </td> </tr>

</table>

大致就像这么定义!

为什么要用GridView

这个做的好像冗余代码不少啊

【让Table的TD有边框而Table右左没有边框的CSS样式】相关文章:

CSS多列布局实现方法大全

如何在网页中插入CSS

CSS教程:clip属性完全解答

13种常用按钮、文本框、表单等CSS样式

css控制表格细边框样式

Dreamweaver CS5之如何删除站点,Dreamweaver CS5

css美化Div边框的样式实例

相同元素不同结构重复定义的问题

Ext.grid.GridPanel单元格特殊设置

css中水平垂直居中对齐布局实例总结

精品推荐
分类导航