博客列表 >3.21作业

3.21作业

宋的博客
宋的博客原创
2018年03月22日 14:00:03559浏览

3.21 CSS样式

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS样式训练</title>
	<style type="text/css">

	div{
		width: 300px;
		border:1px solid #000000;
		padding: 10px;
		padding-left: 90px; 
		 }
	#title{
		background-color: darkorange ;
		color: white  ;
	}
	 td[colspan="3"]{
		font-weight: bold;color: white ;
		background-color: gainsboro  ;
		}
	.item{
		background-color: lightblue ;
		color: white;
	}
	tr td{
		color: red;
		background-color: violet ;
	}
	
	#item4+td{
		color: black;
		background-color: salmon ;
	}
	 </style>
</head>
<body>
	<div >
	<table>
		<tr>
			<td id="title" align="center" colspan="3"><h3>游戏栏目</h3></td>
		</tr>
		<tr>
			<td colspan="3" align="center">网游竞技</td>
		</tr>
		<tr>
			<td class="item">英雄联盟</td>
			<td class="item">炉石传说</td>
			<td class="item">DATA2</td>
		</tr>
		<tr>
			<td class="item">穿越火线</td>
			<td class="item">守望先锋</td>
			<td class="item">魔兽世界</td>
		</tr>

		<tr>
			<td colspan="3" align="center">手游休闲</td>
		</tr>
		<tr>
			<td class="item1 acc">王者荣耀</td>
			<td class="item2 acc">刺激战场</td>
			<td id="item3">QQ飞车</td>
		</tr>
		<tr>
			<td id="item4">狼人杀</td>
			<td id="item5">阴阳师</td>
			<td class="item6 acc">QQ炫舞</td>
		</tr>
	</table>
	</div>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

手写代码:

3.21.jpg

上一条:3月21日作业下一条:2018.3.21 practice5
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议