欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

寒假18

程序员文章站 2022-05-08 13:36:23
...
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QQ会员</title>
<style>
  div{
    width: 1150px;
    height: 93px;
    background-color: #999999;
    border: 0px solid;
    display: inline-block;
    margin: 0px auto;
  }
  img{
    vertical-align: middle;
    border: 0px solid;
    padding-left: 30px;
    padding-top: 1px;
  }
  header{
    vertical-align: middle;
    display: inline-block;
    border: 0px solid;
    padding-left: 30px;
    color: #FFFFED;
  }

  a:hover{
    text-decoration: none;
    color: blue;
  }
  a{
    text-decoration: none;
    color: #FFFFED;
  }
  span{
    border: 1px solid;
    border-radius: 25px;
    color: yellow;
   padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #x{
    background-color: yellow;
    border-color: yellow;
    color: orange;
  }
  #y{
    margin-right: 50px;
  }
  .a:hover{
    background-color: yellow;
    border-color: yellow;
  }
</style>
</head>
<body>
<div>
  <img src="../图片素材/logo.png" height="90" width="150"/>
  <header><a href="#">功能特权</a></header>
  <header><a href="#">游戏特权</a></header>
  <header><a href="#">生活特权</a></header>
  <header><a href="#">会员活动</a></header>
  <header><a href="#">成长体系</a></header>
  <header><a href="#">年费专区</a></header>
  <header id="y"><a href="#">超级会员</a></header>
  <span  class="a"><a href="#" style="color: orange">登陆</a></span>
  <a href="#"><span id="x">开通超级会员</span></a>
</div>
</body>
</html>