html中col標籤中的漢字如何置中？html col標籤的基本使用(內有執行個體)

本篇文章主要的講解了關於html col標籤的漢字置中和col標籤的一些基礎的使用方法。還有html col標籤的基礎使用執行個體。現在讓我們一起閱讀這篇文章吧

首先我們先介紹HTML中的col標籤的漢字置中：

在這裡介紹個align屬性：align屬性規定與col元素相關的內容的水平對齊。

說說align屬性的屬性值：

文法

<col align="center">

使其中的漢字置中顯示出來。

看一個html col標籤中align屬性的使用執行個體：

<table width="100%" border="1">  <col align="left">  <col align="center">  <col align="right">  <tr>    <th>topic.alibabacloud.com</th>    <th>HTML</th>    <th>PHP</th>  </tr>  <tr>    <td>100</td>    <td>hjsdhdf</td>    <td>$135</td>  </tr></table>

效果很明顯，在上面的例子中，col元素為表格中的三個列規定了不同的對齊。

現在來說說col標籤的基本使用：

<col>標籤規定了<colgroup>元素內部的每一列的列屬性。

通過使用<col>標籤，可以向整個列應用樣式，而不需要重複為每個儲存格或每一行設定樣式。

再來看個關於HTML<col>標籤的使用執行個體：

<colgroup>和<col>標籤為表格中的三個列設定了背景色：

<table border="1">  <colgroup>    <col span="2" style="background-color:red">    <col style="background-color:yellow">  </colgroup><tr>    <th>topic.alibabacloud.com</th>    <th>HTML</th>    <th>PHP</th>  </tr>  <tr>    <td>100</td>    <td>hjsdhdf</td>    <td>$135</td>  </tr></table>

這個效果很明顯，如

這圖和代碼相結合，應該很容易猜到要說的是什麼，這裡就不多說了，想要知道可以自己去多實驗實驗，這樣比較記得熟。

以上就是本篇關於html col標籤的置中和基本的使用方法。有問題的可以在下方提問。