1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.   <meta charset="UTF-8">
    5.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.   <title>Document</title>
    7.   <style>
    8.     a{
    9.       width: 100px;
    10.       height: 40px;
    11.       display: inline-block; /*更改元素属性*/
    12.       background-color:blue; /*背景色*/
    13.       text-decoration: none; /*去除下划线*/
    14.       text-align: center; /*横向居中显示*/
    15.       line-height: 40px; /*纵向减去文字的高度然后居中显示*/
    16.     }
    17.     a:link,a:visited,a:active{  /*链接属性，访问过的链接属性，点击链接时的属性*/
    18.       color: white;
    19.     } 
    20.     a:hover{ /*鼠标放在上面的效果*/
    21.       background-color:aquamarine;`
    22.     }
    23.   </style>
    24. </head>
    25. <body>
    27.    <a href="#">门户导航</a>
    28.    <a href="#">担保系统</a>
    29.    <a href="#">精易产品</a>
    30.    <a href="#">门户导航</a>
    31.    <a href="#">担保系统</a>
    32.    <a href="#">精易产品</a>
    33. </body>
    34. </html>