table表格设置边框线为单实线

最新推荐文章于 2024-07-23 22:26:15 发布

weixin_30753873

最新推荐文章于 2024-07-23 22:26:15 发布

阅读量8.1k

点赞数

文章标签： c# ui php

原文链接：http://www.cnblogs.com/pzw23/p/10432818.html

版权

设置table表格边框为单实线的方法有两种

第一种方法就是利用table标签cellspacing=0属性来实现，cellspacing是内边框和外边框的距离，这种方法实现的看起来是单实线，其实是内边框线和外边框线组合成的实线。

第二种方法是利用css的表格border-collapse属性来实现。

<!DOCTYPE html>
<html>
<head>
<style type="text/css">

table#a{
border-collapse:collapse;
}
#a tr td
{border:1px solid black;}

</style>
</head>
<body>
<table width="200px"
height="100px"cellspacing="0"border="1px">
<tr>
<td ></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
</table>
<br/>
<table id="a"width="200px"
height="100px">
<tr>
<td ></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
</table>
</body>
</html>

转载于:https://www.cnblogs.com/pzw23/p/10432818.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30753873

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
table表格设置边框线为单实线

设置table表格边框为单实线的方法有两种第一种方法就是利用table标签cellspacing=0属性来实现，cellspacing是内边框和外边框的距离，这种方法实现的看起来是单实线，其实是内边框线和外边框线组合成的实线。第二种方法是利用css的表格border-collapse属性来实现。<!DOCTYPE html><html>&lt...
复制链接

扫一扫