当前位置:编程学习 > JS >>

CSS虚线、细线边框的表格

使用CSS定义表格的边框为虚线,就是利用CSS的Border属性定义边框为 dashed ,在英文中它的意思是虚线的意思,只要定义了此属性,不管你的表格是TABLE还是DD、DL,都同样适用。将其变为solid,就成了细线边框的表格。
答案:<html>
<head>
<title>CSS虚线边框的表格</title>
<style>
table{
border-collapse: collapse;
width:200px;
}
th{
     border: 1px dashed #666;
}
td{
     border: 1px dashed #666;
}
</style>
</head>
<body>
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
	<td>皮特</td>
	<td>24</td>
</tr>
<tr>
	<td>一揪</td>
	<td>25</td>
</tr>
<tr>
	<td>66</td>
	<td>23</td>
</tr>
</table>
</body>
</html>

上一个:js+css实现动态删除表格行、列、双击编辑
下一个:表格实现左右框架结构点击可隐藏

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,