CSS 如何让Table的里面TD全有边框 而Table的右左边框没有
2017-07-06 15:57
381 查看
为了自我学习和交流PHP(jQuery,Linux,lamp,shell,JavaScript,服务器)等一系列的知识,希望光临本博客的人可以进来交流。寻求共同发展。搭建平台。本人博客也有许多的技术文档,希望可以为你提供一些帮助。
QQ群: 191848169
点击链接加入群【PHP技术交流(总群)】
比如这样一个CSS
[css]
view plain
copy
print?
.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"
就可以了
比如:
[css]
view plain
copy
print?
<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>
一样可以的,你变通下哈
比如你定义一个
[css]
view plain
copy
print?
.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
这个做的好像冗余代码不少啊
QQ群: 191848169
点击链接加入群【PHP技术交流(总群)】
比如这样一个CSS
[css]
view plain
copy
print?
.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"
就可以了
比如:
[css]
view plain
copy
print?
<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>
一样可以的,你变通下哈
比如你定义一个
[css]
view plain
copy
print?
.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的里面TD全有边框 而Table的右左边框没有
- CSS 如何让Table的里面TD全有边框 而Table的右左边框没有
- 使用css如何操作Table没有外边框只有内边框
- CSS如何设置html table表格边框样式 CSS如何设置table表格边框样式 对table设置css样式边框,分为几种情况: 1、只对table设置边框 2、对td设置边框 3、对table和
- .. . 使用css如何操作Table没有外边框只有内边框
- 如何使用CSS 让Table的最后一列的右边框不显示
- 今天抓取table里面,td设置了宽度还是不会换行,用css解决
- CSS实现Table没有外边框,只有内边框
- [HTML][CSS]table中加边框的样式(所有td都加薄边框)
- CSS如何设置html table表格边框样式
- CSS如何设置html table表格边框样式
- css截取td里面的内容 如何固定td th的宽度
- CSS如何设置html table表格边框样式
- CSS如何设置html table表格边框样式
- CSS如何设置html table表格边框样式
- #CSS#在设定table为百分比时,如何实现火狐,Chrome下TD内容文字超出时自动换行?
- table td为空,没有边框
- css table td内容为空里正确显示边框
- 如何让td的边框显示(在td内没有内容的情况下)
- 用table布局的邮件如何去除td的边框