Rumah > Artikel > hujung hadapan web > css怎么设置td的宽度
css怎么设置td的宽度
- 青灯夜游asal
- 2021-04-21 11:47:385362semak imbas
在css中，可以使用width属性来设置td宽度，只需要给td元素设置“width:宽度值;”样式即可。width属性可以设置元素的宽度，定义的是元素内容区的宽度，不包括填充，边框，或页边距。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
定义一个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>
如何使用css设置td的宽度？
可以使用width属性来设置td宽度，语法：
td{
width:100px;
}效果图：
（学习视频分享：css视频教程）
说明：
width属性设置元素的宽度。
注意： width属性不包括填充，边框和页边距！
属性值：
| 值 | 描述 |
|---|---|
| auto | 默认值。浏览器可计算出实际的宽度。 |
| length | 使用 px、cm 等单位定义宽度。 |
| % | 定义基于包含块（父元素）宽度的百分比宽度。 |
| inherit | 规定应该从父元素继承 width 属性的值。 |
更多编程相关知识，请访问：编程入门！！
Atas ialah kandungan terperinci css怎么设置td的宽度. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css中div高度怎么设置Artikel seterusnya：css怎么设置文件编码