May 24, 2015
有時候因為程式 id 呼叫的關係,必須讓 table 的 tags 上不要出現 id 的css 指定,可以利用 col 指定 table內容。
▲設定前
▲設定後
head中(/**/ CSS中為註解符號)
body中
參考:
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_col_test
使用 div.class名稱 table{}的方式指定也可以達到不在table上設定id名稱的方式
參考網頁:
http://blog.apao.idv.tw/html5/table/colgroup/
▲設定前
▲設定後
head中(/**/ CSS中為註解符號)
<style>
table, th, td {
border: 1px solid black;
/* width:500px; 寬度也可以加在這裡*/
}
</style>
table, th, td {
border: 1px solid black;
/* width:500px; 寬度也可以加在這裡*/
}
</style>
body中
<div>
<table>
<colgroup>
<col span="1" style="background-color:red">
<col style="background-color:yellow; /*去除註解符號就可以加上寬度 width:500px;*/">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
</div>
<table>
<colgroup>
<col span="1" style="background-color:red">
<col style="background-color:yellow; /*去除註解符號就可以加上寬度 width:500px;*/">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
</div>
參考:
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_col_test
使用 div.class名稱 table{}的方式指定也可以達到不在table上設定id名稱的方式
參考網頁:
http://blog.apao.idv.tw/html5/table/colgroup/
0 Comment(s)