Maison > Article > interface Web > Comment définir la largeur de td avec CSS
Comment définir la largeur de td avec CSS
- 青灯夜游original
- 2021-04-21 11:47:385346parcourir
En CSS, vous pouvez utiliser l'attribut width pour définir la largeur td. Il vous suffit de définir le style "width:width value;" sur l'élément td. L'attribut width définit la largeur d'un élément, qui définit la largeur de la zone de contenu de l'élément, à l'exclusion du remplissage, des bordures ou des marges.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
Définir une table tableb
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>T恤</td> <td>￥100</td> </tr> <tr> <td>牛仔褂</td> <td>￥250</td> </tr> <tr> <td>牛仔库</td> <td>￥150</td> </tr> </table><br /> </body> </html>
Comment définir la largeur de td en utilisant css ?
Vous pouvez utiliser l'attribut width pour définir la largeur td, syntaxe :
td{
width:100px;
}Rendu :
(Vidéo d'apprentissage partage : tutoriel vidéo CSS)
Instructions :
l'attribut width définit la largeur de l'élément.
Remarque : L'attribut width n'inclut pas le remplissage, les bordures et les marges !
Valeur de l'attribut :
| 值 | 描述 |
|---|---|
| auto | 默认值。浏览器可计算出实际的宽度。 |
| length | 使用 px、cm 等单位定义宽度。 |
| % | 定义基于包含块（父元素）宽度的百分比宽度。 |
| inherit | 规定应该从父元素继承 width 属性的值。 |
Pour plus de connaissances liées à la programmation, veuillez visiter : Introduction à la programmation ! !
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!