本文介绍: 使用 CSS 可以极大地改善 HTML 表格的外观。
一、表格边框
如需在 CSS 中设置表格边框,请使用 border 属性。
下例为 <table>、<th>
和 <td>
元素规定了黑色边框:
二、全宽表格
在某些情况下,上表似乎很小。如果您需要一个可以覆盖整个屏幕(全宽)的表格,请为 <table>
元素添加 width: 100%
:
双边框
请注意上面的表格有双边框。这是因为表格和 th、td 元素都有单独的边框。
如需删除双边框,请看下面的例子。
三、合并表格边框
border-collapse 属性设置是否将表格边框折叠为单一边框:
如果只希望表格周围有边框,则仅需为 <table>
指定 border
属性:
四、表格宽度和高度
五、水平对齐
六、垂直对齐
七、表格内边距
八、可悬停表格
九、条状表格
十、表格颜色
十一、响应式表格
十二、CSS 表格属性
十三、练习
小结
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。