標題：Table中 col 應用
出處：A.PAO designSTUDIO BLOG
時間：Sun, 24 May 2015 10:33:28 +0000
作者：apao
地址：https://blog.apao.idv.tw/post/1112/

內容：
有時候因為程式 id 呼叫的關係，必須讓 table 的 tags 上不要出現 id 的css 指定，可以利用 col 指定 table內容。


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=2174

▲設定前


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=2173

▲設定後

head中（/**/ CSS中為註解符號）
<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>


參考：
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_col_test



使用 div.class名稱 table{}的方式指定也可以達到不在table上設定id名稱的方式

參考網頁：
http://blog.apao.idv.tw/html5/table/colgroup/


Generated by Bo-blog 2.1.1 Release