CSS 表格属性

html-css040

CSS 表格属性,第1张

CSS表格属性用于设置HTML表格的样式,HTML表格由 <table></table> 标签嵌套 <tbody>, <tr>, <td>等标签组成,一个HTML表格默认至少包含table,tbody,tr,td四个元素。

CSS表格属性:

显示表格边框有时候特别重要,它能让表格结构更清晰。

默认的表格有双边框,这是因为表和th/ td元素有独立的边界。border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:body {text-align: center} table {margin: auto}。

3、浏览器运行index.html页面,此时成功用css让表格居中了。

和 div一样 给表格定义class或者id 对齐进行控制就行了

比如 <table class="box"><tr><td></td></tr></table>

控制字体大小

.box tr td{ font-size:14px}