商品详细页面

一、主题：完成商品详情页面

二、知识点

1、无序列表<ul></ul>

2、浮动

作用：排版更整齐

原理：两个盒子上下排列，给第一个盒子加float，第二个盒子就会附上去。

clear：结束浮动

3、鼠标悬浮时

用

.span2:hover{
    border-color: #FF6439;
}
4、边角弧度

/* 边角弧度 */
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;

四、项目中的问题？ 

1、图片边角不会写。

解决：百度搜索

2、鼠标悬停事件

解决：百度搜索