• 技术文章 >web前端 >css教程

    css怎么设置td的宽度

    青灯夜游青灯夜游2021-04-21 11:47:38原创562

    在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>

    1.png

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

    可以使用width属性来设置td宽度,语法:

    td{
        width:100px;
    }

    效果图:

    2.png

    (学习视频分享:css视频教程

    说明:

    width属性设置元素的宽度。

    注意: width属性不包括填充,边框和页边距!

    属性值:

    描述
    auto默认值。浏览器可计算出实际的宽度。
    length使用 px、cm 等单位定义宽度。
    %定义基于包含块(父元素)宽度的百分比宽度。
    inherit规定应该从父元素继承 width 属性的值。

    更多编程相关知识,请访问:编程入门!!

    以上就是css怎么设置td的宽度的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css td 宽度
    上一篇:css中div高度怎么设置 下一篇:css怎么设置文件编码
    大前端线上培训班

    相关文章推荐

    • css 背景颜色怎么设置• css如何让文本不换行• 深入了解CSS中的@property特性• html+css如何实现自定义图片上传按钮• 分享CSS处理图像上文字的几种小技巧

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网