溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關HTML中col標簽里的用法，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。
首先我們先來看下HTML中col標簽的含義：
<col> 標簽為表格中一個或多個列定義屬性值。
如需對全部列應用樣式，<col> 標簽很有用，這樣就不需要對各個單元和各行重復應用樣式了。
您只能在 table 或 colgroup 元素中使用 <col> 標簽。
提示：col 元素是僅包含屬性的空元素。如需創(chuàng)建列，您就必須在 tr 元素內(nèi)部規(guī)定 td 元素。
提示：如果您希望在 colgroup 內(nèi)部為每個列規(guī)定不同的屬性值時，請使用此元素。如果沒有 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 元素為表格中的三個列規(guī)定了不同的對齊方式：
<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>上面代碼的效果如圖：
看完上述內(nèi)容，你們對HTML中col標簽里的用法有進一步的了解嗎？如果還想了解更多知識或者相關內(nèi)容，請關注億速云行業(yè)資訊頻道，感謝大家的支持。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
