css 細(xì)線表格 css制作table細(xì)線表格常用屬性

2024-07-11 08:49:04

字體：大中小

供稿：網(wǎng)友

Css制作table細(xì)線表格
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細(xì)線表格</title> <style type="text/css" media="screen">  </style> </head> <body> <table> <thead> <tr><th>名稱</th><th>網(wǎng)址</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>

提示：您可以先修改部分代碼再運行

復(fù)制代碼

上一篇：div css布局解決瀏覽器兼容及優(yōu)化等實用技巧

下一篇：div中加入span右對齊后出現(xiàn)換行顯示兩種解決思路