第六章:盒子模型 课后作业：

1.制作图北大青鸟网站的中心开班信息模块。要求如下：

<页面宽度250px，整体居中显示，背景使用线性渐变及1px的灰色圆角边框。

<标题左侧的小图标以背景图片的方式实现，标题颜色为白色。

<使用无序实现开班信息列表，列表前的小三角箭头和下方的虚线均使用背景图像的方式实现。

<列表超链接文本颜色为灰色，无下划线，当鼠标悬浮在超链接文本上是，字体颜色改变无下划线。

<页面中涉及的盒子模型解析方式都使用border-box。 

    
    
    


   

       
中心开班信息
       

           
8月12日 ：学历+技能班 
           
8月16日 ：高考特招班 
           
8月23日 ：Java精英班 
           
8月31日 ：学士后强化班 
           
9月5日 ：大学生就业班 
           
9月9日 ：企业定向委培班 
           
9月16日 ：网络营销强化班 
       
   

2.制作图商品分类列表页面。

<商品列表放在一个div中，

的四边框均为2px的橙色实线圆角边框。

<用结构伪类选择器选择每个列表并为其加上背景图每个列表下方1px的灰色虚线边框，但是最后一个列表项没有。

<文本超链接为黑色粗体，当鼠标悬浮在超链接文本上变色，平切无下划线。

    
    
    


  

      

      
 酒水、饮料
      
 进口食品
      
 休闲零食
      
 地方特产
      
 保健、冲调
      
 粮油、生鲜
      
 美容洗护
      
 清洁洗涤
      
 母婴、纸品
      
 家居百货
      
  

3.制作权威课程免费体验登录页面。

<页面文本颜色为白色，*的字体颜色为红色。

<使用无序列表排版单元素。

<无序列表内容在页面中居中显示。

<“免费体验”按钮使用背景图像的方式实现。

<按语义化使用表单元素，且是圆角边框。

    
    
    


       

       

           
*  姓名 ：
               
           
           
*  邮箱 ：
               
           
           
*  电话 ：
               
           

             
性别 ：
           
               请选择
               男
               女
           
             
年龄 ：
          
              请选择
              20
              21