当前位置:Gxlcms > 前端框架 > html怎么设置列宽

html怎么设置列宽

时间:2021-07-01 10:21:17 帮助过:195人阅读

html设置列宽的方法:首先创建一个HTML示例文件;然后通过table标签创建一个表格;最后直接给每一列的第一行设置宽度即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

html中table列宽怎么设置?

直接给每一列的第一行设置宽度就可以了,下边的默认与第一行的相同,如果需要修改,在单独设置就可以,下边这段代码就是第一列300像素,第二列200像素;

<html xmlns="http://www.dayinmandarin.com">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格列宽</title>
</head>
<body>
<table style="border:1px solid #000;width:500px;height:400px;">
<tr><td width="300px"></td><td width="200px"></td></tr>
<tr><td></td><td></td></tr>
</table>
</body>
</html>

【推荐学习:HTML视频教程】

以上就是html怎么设置列宽的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行