网站推广.NET

网站推广.NET

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

来源:互联网

学习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;}........................................
cellspacing