table的border-collapse属性

最新推荐文章于 2024-09-09 12:04:46 发布

原创最新推荐文章于 2024-09-09 12:04:46 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#table #border #xhtml #html #css

本文详细介绍了table元素的css样式，包括边框、背景色、字体大小、颜色等，并解释了border-collapse属性的作用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>table的css样式</title> <style type="text/css"> table { border: 1px solid #B1CDE3; padding:0; margin:0 auto; border-collapse: collapse; } td { border: 1px solid #B1CDE3; background: #fff; font-size:12px; padding: 3px 3px 3px 8px; color: #4f6b72; } </style> </head> <body> <table width="453" height="118" border="1" cellpadding="0" cellspacing="0" > <tr> <td></td> <td></td> <td></td> <td></td> <td colspan="4" rowspan="5"> <h2>table的css样式</h2> <p>border-collapse: collapse; <br/> 属性作用：当两条线重叠时只显示一条线 </p></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html>