<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>2. 写一个案例, 演示css中的内联样式,内部样式,外部样式的应用场景,理解style属性, style标签, 以及外部样式表的使用方式</title>
<link rel="stylesheet" href="index.css">
<style>
*{
margin: 0px;
padding: 0px;
}
#box{
width: 500px;
height: 500px;
border: 1px solid #cccccc;
margin: 0 auto;
}
#nav{
width: 200px;
height: 200px;
margin: 0 auto;
}
.name{
margin: 0 auto;
list-style: none;
line-height: 50px;
}
</style>
</head>
<body>
<div id="box">
<ul id="nav">
<li class="name"><a href="" style="color: green;">PHP中文网01</a></li>
<li class="name"><a href="" style="color: yellow;">PHP中文网02</a></li>
<li class="name"><a href="">PHP中文网03</a></li>
<li class="name"><a href="">PHP中文网04</a></li>
<li class="name"><a href="">PHP中文网05</a></li>
</ul>
</div>
</body>
</html>