recherche

Maison >interface Web >Questions et réponses frontales >Comment utiliser la balise HTML Colgroup

Comment utiliser la balise HTML Colgroup

藏色散人
藏色散人original
2019-05-26 14:07:123459parcourir

La balise

html colgroup permet de regrouper les colonnes d'un tableau afin de le formater. La balise

ne peut être utilisée que dans les éléments du tableau.

Comment utiliser la balise HTML Colgroup

Que signifie la balise colgroup ? Comment utiliser la balise html colgroup

Fonction : Regrouper les colonnes du tableau pour les formater.

Remarque :

La balise

est utile si vous devez appliquer des styles à toutes les colonnes, afin de ne pas avoir besoin d'appliquer des styles à plusieurs reprises. chaque cellule et ligne. La balise ne peut être utilisée que dans les éléments du tableau.

Remarque :

Tous les principaux navigateurs prennent en charge la balise

Firefox, Chrome et Safari ne prennent en charge que les attributs span et width de l'élément colgroup.

Exemple d'utilisation de la balise html colgroup

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table width="100%" border="1">
    <colgroup span="2"></colgroup>
    <colgroup style="color:#0000FF;"></colgroup>
    <tr>
        <th>商品种类</th>
        <th>名称</th>
        <th>价格</th>
    </tr>
    <tr>
        <td>衣服</td>
        <td>衬衣</td>
        <td>53元</td>
    </tr>
    <tr>
        <td>鞋子</td>
        <td>板鞋</td>
        <td>199元</td>
    </tr>
</table>
</body>
</html>

Effet :

Comment utiliser la balise HTML Colgroup

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment utiliser la balise col HTMLArticle suivant：Comment utiliser la balise col HTML

Articles Liés

Voir plus