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>运行实例 »
点击 "运行实例" 按钮查看在线实例
手写代码：
