<colgroup>的学习

最新推荐文章于 2024-03-22 18:08:45 发布

anno_domini

最新推荐文章于 2024-03-22 18:08:45 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： html 测试

本文链接：https://blog.youkuaiyun.com/anno_domini/article/details/9719041

html 专栏收录该内容

6 篇文章

订阅专栏

本文演示如何在HTML中使用colgroup元素设置表格列宽，并通过改变colgroup中的宽度比例，观察相应td元素宽度的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写一个简单的<colgroup>的测试

<html>
<head></head>
<body>
	<table width="100%" border="1">
	  <colgroup   width=20></colgroup>
	  <colgroup  width=10></colgroup>
	   <colgroup   width=30></colgroup>
	  <tr>
		<th>ISBN</th>
		<th>Title</th>
		<th>Price</th>
	  </tr>
	  <tr>
		<td>3476896</td>
		<td>My first HTML</td>
		<td>$53</td>
	  </tr>
	</table>
</body>
</html>

改变<colgroup>中的宽度比例，则相应的td的宽度成对应比例变化