码迷,mamicode.com
首页 > Web开发 > 详细

html 如何使表格一列都变颜色的简单方法!!

时间:2018-01-26 14:00:52      阅读:429      评论:0      收藏:0      [点我收藏+]

标签:简单   group   size   htm   如何   pad   代码   html   英语   

html怎么让一列变颜色用到属性colgroup 重点我都加粗了!!

<colgroup span="3"  bgcolor="yellow"></colgroup> 假如你这样写前三列都变黄了,怎么解决 代码如下:

<colgroup span="3"></colgroup><!-- 这里span等于三是 第四列 变了颜色 因为下面还有一个语句是执行这个的 -->
<colgroup bgcolor="yellow"></colgroup><!-- 这里直接写你要变得颜色就行 -->

下面是源代码一个小例子

<html>
	<head>
		<body>
			
			<table width="500" border="1" bordercolor="blue" cellspadding="5" cellspacing="0"> 
				<colgroup span="3"></colgroup><!-- 这里span等于三是 第四列 变了颜色 因为下面还有一个语句是执行这个的   -->
				<colgroup bgcolor="yellow"></colgroup><!-- 这里直接写你要变得颜色就行   -->
				<tr>
					<td>总分</td>
					<td>语文</td>
					<td>数学</td>
					<td>英语</td>
					</tr>
				
					<tr>
					<td>155</td>
					<td>20</td>
					<td>30</td>
					<td>50</td>
					</tr>
				
					<tr>
					<td>166</td>
					<td>20</td>
					<td>40</td>
					<td>30</td>
					</tr>
				
				
				</table>
			
		
			</body>

		
		</head>
	

	</html>

  

 

截图如下:

技术分享图片

 

html 如何使表格一列都变颜色的简单方法!!

标签:简单   group   size   htm   如何   pad   代码   html   英语   

原文地址:https://www.cnblogs.com/xuexidememeda/p/8358992.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!