CSS中border-spacing和cellspacing如何实现1px细边框的两种方法

来源：懂视网责编：小采时间：2020-11-27 18:50:45

CSS中border-spacing和cellspacing如何实现1px细边框的两种方法

CSS中border-spacing和cellspacing如何实现1px细边框的两种方法:学习table后，每次都会发现有2个边框，看上去不大顺眼，如果将边框设置为0，那也不大好，那如何做个细边框的table呢？大概是1px，通过查阅了相关的资料，让我找到了2种解决这个的方法，如下：第一种方法：#message{border-collapse:collapse

推荐度：

点击下载本文 文档为doc格式

导读CSS中border-spacing和cellspacing如何实现1px细边框的两种方法:学习table后，每次都会发现有2个边框，看上去不大顺眼，如果将边框设置为0，那也不大好，那如何做个细边框的table呢？大概是1px，通过查阅了相关的资料，让我找到了2种解决这个的方法，如下：第一种方法：#message{border-collapse:collapse

学习table后，每次都会发现有2个边框，看上去不大顺眼，如果将边框设置为0，那也不大好，那如何做个细边框的table呢？大概是1px，通过查阅了相关的资料，让我找到了2种解决这个的方法，如下：

第一种方法：

#message{border-collapse:collapse;border:1px solid red;}
#message th,#message td{border:1px solid red;}
<table id=”message”>
<tr>
<th>出生年月</th>
<td>1989年1月22号</td>
</tr>
<tr>
<th>性别</th>
<td>男</td>
</tr></table>

第二种方法：

#message{border-spacing:1px;background:red;}
#message tr{background:purple;}
..........
..............
................

CSS中border-spacing和cellspacing如何实现1px细边框的两种方法

推荐度：

点击下载本文 文档为doc格式

标签：如何边框怎么

热门焦点

CSS中border-spacing和cellspacing如何实现1px细边框的两种方法

CSS中border-spacing和cellspacing如何实现1px细边框的两种方法

CSS中border-spacing和cellspacing如何实现1px细边框的两种方法

最新推荐

猜你喜欢

热门推荐