头闻号

林海英

眼影|睫毛膏|唇膏|眉笔

首页 > 新闻中心 > 科技常识:让Table的TD有边框而Table右左没有边框的CSS样式
科技常识:让Table的TD有边框而Table右左没有边框的CSS样式
发布时间:2024-10-06 01:47:27        浏览次数:1        返回列表

今天小编跟大家讲解下有关让Table的TD有边框而Table右左没有边框的CSS样式 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关让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 这个做的好像冗余代码不少啊

来源:爱蒂网