css 细线表格 css制作table细线表格常用属性

2024-07-11 08:49:04

字体：大中小

来源：转载

供稿：网友

Css制作table细线表格
1、介绍了一个不常用属性：border-collapse:collapse;
2、使用了一个属性缩写技巧：border:style color;border-width:上右下左;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Css制作table细线表格</title> <style type="text/css" media="screen">  </style> </head> <body> <table> <thead> <tr><th>名称</th><th>网址</th><th>时间</th></tr> </thead> <tbody> <tr><td>百度</td><td>http://www.baidu.com</td><td>2007.01.11</td></tr> <tr><td>百度</td><td>http://www.baidu.com</td><td>2007.01.11</td></tr> <tr><td>百度</td><td>http://www.baidu.com</td><td>2007.01.11</td></tr> </tbody> <tfoot> <tr><td colspan="3">下一页</td></tr> </tfoot> </table> </body> </html>

提示：您可以先修改部分代码再运行

复制代码

上一篇：div css布局解决浏览器兼容及优化等实用技巧

下一篇：div中加入span右对齐后出现换行显示两种解决思路