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

Comment utiliser la balise HTML Colgroup

藏色散人
Libérer: 2019-05-26 14:07:12
original
3448 Les gens l'ont consulté

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal