offgun介绍 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>offgun介绍</title> 
</head>
<style type="text/css">
    
    * {
    box-sizing: border-box;
}
 
/* body 样式 */
body {
    font-family: Arial;
    margin: 0;
}
 
/* 标题 */
.header {
    padding: 80px;
    text-align: center;
    background:url(https://wx4.sinaimg.cn/mw2000/008aq7W6ly1h1iag9p67fj30sq0anq58.jpg);
    background-size:cover;
    color: white; 
}
 
/* 标题字体加大 */
.header h1 {
    font-size: 40px;
}
 
/* 导航 */
.navbar {
    overflow: hidden;
    background-color: #cd9fe4;
}
 
/* 导航栏样式 */
.navbar a {
    border-radius:30px;
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;

}
.p{
  text-align: center;
}
  
    .you{
        position:relative
       width: 1000px;
        height: 1000px;
        border-radius:30px;
        border:5px solid #28242a;
        background:url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.51tietu.net%2Fpic%2F2019-091019%2F5u3cdhiupmn5u3cdhiupmn.jpg&refer=http%3A%2F%2Fimg9.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1653218543&t=dffa638b579baeab6fa05c8da8a3f68c);
          background-size:cover;
        display: inline-block;
        margin-left:10px;
    }

  
    </style>
<body>
  <div id="Layer1"
    style="position: absolute; width: 100%; height: 10000px; background-color: #cd9fe4; z-index: -1">
  </div>

<div class="header">
  <p>&nbsp;&nbsp;&nbsp;</p>
  <p>&nbsp;&nbsp;&nbsp;</p>
  <h1>offgun的秘密花园</h1>
  <p>Do you love me? ใช่แล้ว</p>
  <p>offgun就是offgun，因为off只有gun</p>
</div>
 
<div class="navbar">
  <p class="p">❤  ❤  ❤  ❤  ❤“我把喜欢藏进云里 从此整个天空都是你”❤  ❤  ❤  ❤  ❤</p>
  <hr style="height:1px;border:none;border-top:5px solid #28242a;" />
</div>

    <div class="you" style ="width: 100%; ">
      
   
        <h1>登录下拉</h1>


    </div>

 
</body>
</html>

 

1

posted @ 2022-03-30 19:53  清梦韶华  阅读(51)  评论(0)    收藏  举报
//雪花飘落效果