让Table的TD有边框而Table右左没有边框的CSS样式
2014-05-05 09:57
459 查看
比如这样一个CSS
在你调用显示这个样式的TD里调用class="td3"
就可以了
比如:
一样可以的,你变通下哈
比如你定义一个
大致就像这么定义!
为什么要用GridView
这个做的好像冗余代码不少啊
.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
这个做的好像冗余代码不少啊
相关文章推荐
- CSS样式简单实现Table没有外边框只有内边框
- CSS如何设置html table表格边框样式 CSS如何设置table表格边框样式 对table设置css样式边框,分为几种情况: 1、只对table设置边框 2、对td设置边框 3、对table和
- CSS 如何让Table的里面TD全有边框 而Table的右左边框没有
- table td为空,没有边框
- CSS 如何让Table的里面TD全有边框 而Table的右左边框没有
- CSS 如何让Table的里面TD全有边框 而Table的右左边框没有
- jsp隐藏table里的td边框
- td嵌套table,去除边框问题
- 老版本IE下td没有内容为空时不显示边框的解决办法
- 当Table中td内容为空时,让它显示边框的办法
- table 边框 不显示好td内为空串时,边框不显示
- Html Table Td 边框属性设置(任意显示需要的边框效果)
- .. . 使用css如何操作Table没有外边框只有内边框
- QT Qwebview显示html 的table表格时,如果有td跨行td边框显示不出来的bug
- 没有上边框的Table
- css table td内容为空里正确显示边框
- table里的th和td加了边框后,他是两个边框重合的,1PX就变成了2PX
- IE浏览器table中的TD无数据边框不显示问题
- 用table布局的邮件如何去除td的边框
- 当Table中td内容为空时,让它显示边框的办法