表格设置css代码!高手求教!

html-css020

表格设置css代码!高手求教!,第1张

我也在学习这部分 今天看完了书 也做了实践。 首先表格中默认是不添加边框的所以可以不写而 cellspacing属性是通过border-collapse来设置的,在这里选择“collapse”即不添加单元格间距,cellpadding和居中对齐是通过对表格本身(table)以及单元格(td)表头单元格(th)总体进行设置达到的效果。所以可以编辑css为:

table{width:920px;table-collapse:collapse;}

th,td,{padding:0pxtext-align:center;} 希望可以帮到你~~

方法一直接写页面上:

<table style="css写这里">

对于<td>和<tr>同样加上style可直接写css(如<td style="color:#F00">)

方法二(推荐)

<table class="table1">

然后在css文件定义table1

.table1{}

对于.table1 里的tr的css可以这样写 .table1 tr{}

同理,td可以这样 .table1 td{}

方法三

<table id="table1">

然后在css文件定义table1

.table1{}

对于#table1 里的tr的css可以这样写 #table1 tr{}

同理,td可以这样 #table1 td{}