如何用border-spacing和cellspacing来实现1px细边框的table?
来源:互联网 发布:淘宝卖男装 编辑:程序博客网 时间:2024/05/21 21:44
此文转载自:K.N.J的博客
学习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;}
..........
..............
................
........................阅读全文,请到:K.N.J
更多关于html的问题也请参阅:
1.以图换字的实现。
2.用margin,position来实现容器透明。
- 如何用border-spacing和cellspacing来实现1px细边框的table?
- table的 cellspacing 本质是 border-spacing
- border为1px的table 以及 table中cellspacing、cellpadding的css替代写法
- 实现真正的1px的边框 border
- table标签中cellspacing和cellpadding,border的意思?
- border-collapse 和border-spacing的关系
- table 1px border 表格1像素边框
- cellpadding和cellspacing属性来控制表格边框的间距。
- CSS3实现手机1px边框,细如发丝
- CSS3实现手机1px边框,细如发丝
- Table 1px边框
- table 1px边框
- border-collapse 和 border-spacing
- web table 设置1px的边框?
- 边框为1px的table
- Table布局核心:table标签设置 border="0" cellspacing="0" cellpadding="0",td设置左边框和上边框,table设置下边框和右边框
- 如何用JSTL和EL来实现简单的分页
- 如何用CSS定义table边框
- b2g Introduction(Boot To Gecko)
- C/C++语言 常用头文件函数
- 关于Char *a与Char a[]中变量占用空间的大小(Windows 7 32位)
- 声音识别资料
- 新浪微博的JSON解析
- 如何用border-spacing和cellspacing来实现1px细边框的table?
- 斯坦佛编程教程-Unix编程工具(三)
- 永远做重要而不紧急的事
- Linux下磁盘配额设置
- Android在标准linux基础上对休眠唤醒的实现(一)
- 使用JDK中的Proxy技术实现AOP功能
- IE6背景fiexd是抖动问题的解决办法
- STL 常用函数
- 常用RGB颜色值对照表