溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關HTML中col標簽里的用法，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
首先我們先來看下HTML中col標簽的含義：
<col> 標簽為表格中一個或多個列定義屬性值。
如需對全部列應用樣式，<col> 標簽很有用，這樣就不需要對各個單元和各行重復應用樣式了。
您只能在 table 或 colgroup 元素中使用 <col> 標簽。
提示：col 元素是僅包含屬性的空元素。如需創建列，您就必須在 tr 元素內部規定 td 元素。
提示：如果您希望在 colgroup 內部為每個列規定不同的屬性值時，請使用此元素。如果沒有 col 元素，列會從 colgroup 那里繼承所有的屬性值。
這有一個關于HTML col標簽的漢字居中實例：
<html> <body> <table border="2"> <col span="2" style="color:red"> <col style="color:blue"> <col align="left"> <tr> <td>紅色</td> <td>紅色</td> <td>藍色</td> </tr> <tr> <td>紅色</td> <td>紅色</td> <td>藍色</td> </tr> </table> </body> </html>
效果如圖
這樣就可以給每一列設置樣式，而不用在每個td里面設置。
第一二兩列是紅的。第三列是藍的。但是它們都是居中的，格式太小了，有點看不出來。不過知道了就行了
再看一個關于HTML中col標簽的例子：
col 元素為表格中的三個列規定了不同的對齊方式：
<table width="100%" border="1">
<col align="left" />
<col align="left" />
<col align="right" />
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>上面代碼的效果如圖：
看完上述內容，你們對HTML中col標簽里的用法有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
