<style>
*{
padding:0px
margin: 0px
}
div{
margin: 30px 0px 0px 30px
width: 100px
height: 100px
border: 1px solid #ccc
border-right:none
border-bottom: none
}
ul{
float: left
}
ul li{
list-style: none
width: 24px
height: 24px
border-right:1px solid #ccc
border-bottom: 1px solid #ccc
}
</style>
</head>
<body>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</body>
效果如下：
#是ID选择器.是class选择器
*是通配符号
当<div id="ban3"></div>
css样式里面使用#；
当<div class="ban3"></div>
css样式里面使用. ；
当需要全局使用的样式的时候
*{font-size:14pxline-height:1.9emfont-family:"微软雅黑",Arial, Helvetica, sans-serif} ；
