其他分享
首页 > 其他分享> > 2021-11-04

2021-11-04

作者：互联网

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .bq{ text-align: center;}
        .bq a{display: inline-block;
              color: aqua;
              width: 120px;
              height: 50px;
              line-height: 50px;
              text-decoration: none;
              background: url(orage.png)}
        .bq a:hover{background-image: url(blue.png);}


    </style>
</head>
<body>
    <div class="bq">
        <a href="#">春风化雨</a>
        <a href="#">不变的信念</a>
        <a href="#">如此蜿蜒</a>
        <a href="#">夏月蝉歌</a>
        <a href="#">默默地思念</a>
        <a href="#">秋知落叶</a>
        <a href="#">渺茫愿望</a>
        <a href="#">冬去春来</a>
        <a href="#">乾坤难变的</a>
        <a href="#">风中奇缘</a>
    </div>
    
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
 <style>
     .box {border-top: 3px solid orange;
           border-bottom:1px solid #a0a5af;}
    .box a {display: inline-block;
           height: 50px;
           line-height:50px;
           text-decoration: none;
           color: #000;
          font-size: 12px;
          padding: 0 20px;}
    .box a:hover{color:red}
 </style>  
</head>

<body>
    <div class="box">
        <a href="#">关于我们</a>
        <a href="#">移动客户端</a>
        <a href="#">投诉中心</a>
        <a href="#">个人中心</a>
        <a href="#">客服小姐姐</a>
        <a href="#">休闲空间</a>
    </div>

</body>
</html>

 

标签：11,box,04,color,text,50px,height,2021,bq
来源： https://blog.csdn.net/yzs789/article/details/121140205