首页  >  文章  >  web前端  >  html怎么设置列宽

html怎么设置列宽

藏色散人
藏色散人原创
2021-04-12 09:47:4114680浏览

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

html怎么设置列宽

本文操作环境: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怎么设置列宽的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn