个人网站

作者: 9妹9妹 | 来源:发表于2017-02-25 20:46 被阅读0次

个人网站
个人网站
个人网站
个人网站
个人网站
个人网站
个人网站 - 架构设计
搭建个人网站
个人推荐网站
个人网站发布

这一个月里我像消失了一样...
好久没敲码了手都有点生疏了
我的拖延症又犯了... 可怕..
不过自己欠的债迟早是要还的...
提前回学校坐着听了三天的青马培训写了三天的笔记心得
完事我就开始还债了...
就还是不想放弃知道欠了很多东西
那一天睡七个小时其他时间都在敲码
那敲个俩天也敲不完....
不过做多少算多少吧

做的第一个网站就凭自己的喜好去搞的
有点简单...毕竟时间有限....唉
拖延症是病得治阿

  <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>9妹</title>
<style>
 .box{
     width:1500px;
     height:800px;}
 .t1{
     width:700px;
     height:380px;
     background:url(picture/IMG_0417.JPG);
     margin:50px;
     position:relative;
     left:150px;
     text-align:right;
     }
 a{
     width:50px;
     height:30px;
     margin:20px 20px 20px 20px;
     font-size:25px;
     text-decoration:none;  
     font-weight:bold;
      }
 a:hover{
     background-color:#30F;
     color:#FFF;
     text-decoration:none;
     }
.t2{
    width:700px;
    height:380px;
    background-image:url(picture/QQ%E5%9B%BE%E7%89%8720170225153849.jpg);
    margin:50px;
    position:absolute;
    left:900px;
    top:0px;
    text-align:right;
    }
.t4{
    width:50px;height:50px;
    background-color:#FF0;
    position:fixed;
    right:0;
    bottom:50px;
    font-size:20px;
    }
.t3{
    width:1450px;
    height:350px;
    background-color:#FF0;
    position:absolute;
    left:200px;
    opacity: 0.6;
    color: #fff;
    font-size: 11px;
    line-height: 26px;
    text-indent: 30px;
    z-index:2;
    }
.a1{
    font-size:60px;
    text-align:center;
    padding:10px;
    }
.t5{
    position: absolute;
    right:180px;
    bottom:35px;
    width:1450px;
    height:350px;
    background: #39F;
    z-index: 1;
    line-height: 26px;
    text-align: center;
    opacity:0.5;
    }
.t6{
     color:red;
     position:absolute;
     left:800px;
     top:870px; 
     color:red; }
p:hover{
    background:red;
    color:white;
    }
</style>
 </head>

 <body>
<div class="box">
  <div class="t1">
      <a href="denglu.html" target="_blank">登录</a><br >
  </div>
  <div class="t2">
      <a href="zhuce.html" target="_blank" >注册</a>
   </div>
   <div class="t3">
      <ul class="a1">
           ![](picture/bg.png) <a href="wangshenongyao.html" target="_blank">哪句话哪能让你立马掉头回家？</a><br>
            <a href="jihui.html" target="_blank"> 给你一个改变命运的建议</a><br>
            <a href="tuodan.html" target="_blank">如何在情人节快速脱单?</a><br>
            <a href="huoduojiu.html" target="_blank">你觉得自己会在多少岁结婚</a><br>
            <a href="rou.html" target="_blank">任何事物都有可能是假的</a><br>
            <a href="wanan.html"target="_blank">现在的“晚安”的意思就是</a><br>
            <a href="chou.html"target="_blank">长得丑有哪些好处？</a><br>
       </ul>
 </div>
   <div class="t4">返回顶部</div>
   <div class="t5"></div>
   <div class="t6">
     <p class="a2">
       <a href="wanshui.html" target="_blank">♥ 送给晚睡的你</a>
       </p>
   </div>
  
</div>
</body>

这是代码
效果图如下