博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS 如何让Table的里面TD全有边框 而Table的右左边框没有
阅读量:6249 次
发布时间:2019-06-22

本文共 1079 字,大约阅读时间需要 3 分钟。

比如这样一个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
这个做的好像冗余代码不少啊

转载地址:http://doria.baihongyu.com/

你可能感兴趣的文章
JavaScript变量和作用域
查看>>
开源SIP服务器加密软件NethidPro升级
查看>>
Apache Pulsar中的地域复制,第1篇:概念和功能
查看>>
南京大学周志华教授当选欧洲科学院外籍院士
查看>>
计算机网络与Internet应用
查看>>
linux性能剖析工具
查看>>
Mars说光场(3)— 光场采集
查看>>
Django 文件下载功能
查看>>
Tomcat配置多个域名绑定到不同项目
查看>>
C# MemoryCache GCHandle
查看>>
电子书下载:Building Web Applications with SVG
查看>>
Top 10 Universities for Artificial Intelligence
查看>>
ArcGIS案例学习笔记-聚类点的空间统计特征
查看>>
xBIM 插入复制功能
查看>>
css 温故而知新 select-option 文字方向居右
查看>>
js中的with语句
查看>>
Android 手机卫士--签名文件说明&包名说明
查看>>
Angular2入门:TypeScript的类型 - 对象解构
查看>>
javarebel热部署 (转)
查看>>
今天折腾这么一个正则
查看>>