使用盒子模型制作浮动案例

• 定义超链接去除下划线

a:link{
   
 text-decoration:none;

• 将背景色显示全，定义为块
  （在定义图片位置时可先设置一个背景色，以方便在调试时观看）

.span1{
   
background-color:pink;
display:block;
}

如图：

• 将li列表前的小圆点去除

/*设置ul列表大小*/
.faceul{
   
width:310px;
height:80px;
/*background-color:gray;*/
list-style-type:none;/*将li列表前的小圆点去除*/
}

• 设置图片背景色为粉色，与上边距和左边距都为5px，制成一个一个小方框

.faceul li{
   
float:left;/*在li中设置图片为左浮动*/
width:90px;
height:85px;
background-color:pink