html td怎么设置宽度

ID:9668 / 打印
html td设置宽度的方法:1、直接使用td标签的width属性,语法格式“”;2、在td标签中使用style属性,添加“width:宽度值;”样式。

html td怎么设置宽度

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

1、直接使用td标签的width属性

width 属性规定表格单元格的宽度。

通常,单元格占用的空间就是它显示内容需要的空间。width 属性用于为单元格设置预定义的宽度。

立即学习“前端免费学习笔记(深入)”;

示例:

<table border="1"> 	<tr> 		<td width="100">商品</td> 		<td>价格</td> 	</tr> 	<tr> 		<td>T恤</td> 		<td>¥100</td> 	</tr> 	<tr> 		<td>牛仔褂</td> 		<td>¥250</td> 	</tr> 	<tr> 		<td>牛仔库</td> 		<td>¥150</td> 	</tr> </table>

效果图:

1.png

2、使用style属性,添加“width:宽度值;”样式

style 属性规定元素的行内样式。

示例:

<table border="1"> 	<tr> 		<td>商品</td> 		<td style="width: 100px;">价格</td> 	</tr> 	<tr> 		<td>T恤</td> 		<td>¥100</td> 	</tr> 	<tr> 		<td>牛仔褂</td> 		<td>¥250</td> 	</tr> 	<tr> 		<td>牛仔库</td> 		<td>¥150</td> 	</tr> </table>

效果图:

2.png

推荐教程:《html视频教程》

上一篇: 如何解决html乱码问题
下一篇: html怎么设置背景音乐

作者:admin @ 24资源网   2024-09-27

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。