cari

Rumah >hujung hadapan web >tutorial css >css怎么设置td的宽度

css怎么设置td的宽度

青灯夜游
青灯夜游asal
2021-04-21 11:47:385423semak imbas

在css中，可以使用width属性来设置td宽度，只需要给td元素设置“width:宽度值;”样式即可。width属性可以设置元素的宽度，定义的是元素内容区的宽度，不包括填充，边框，或页边距。

css怎么设置td的宽度

本教程操作环境：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>

1.png

如何使用css设置td的宽度？

可以使用width属性来设置td宽度，语法：

td{
    width:100px;
}

效果图：

2.png

（学习视频分享：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!

html5 css css3 auto 继承 Length td
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怎么设置文件编码

Artikel berkaitan

Lihat lagi