4-7 编程练习
本节编程练习不计算学习进度，请电脑登录imooc.com操作

编程练习

小伙伴们，根据所学知识，制作如下所示的页码。

要求：当前页的页码要显示红色背景，其他页页码在鼠标经过时显示红色背景。

任务

一、制作页码部分基本的HTML结构。

二、设置每一个超链接的边框线、间距和填充

三、设置超链接的四种状态

四、定义当前页码的CSS样式

提示:
A标签是内联元素，为了使内联元素具有块级元素的一些属性同时使所有的a标签显示在同一行上，我们需要把a标签设置为行内块元素inline-block。
index.html 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>页码的制作</title>
  6. <style>
  7. /*在此定义相关CSS样式*/
  8.  
  9.  
  10. </style>
  11. </head>
  12.  
  13. <body>
  14. <!--在此制作页码的基本结构-->
  15.  
  16.  
  17.  
  18. </body>
  19. </html>
下一节