<!DOCTYPE html><html><head>? <meta charset="UTF-8">? <title></title>? <style type="text/css">? ? *{? ? ? ? margin:0;? ? ? ? padding:0;? ? }? ? .head{? ? ? ? width:100%;? ? ? ? height:100px;? ? ? ? background:black;? ? ? ??? ? }? ? .logo{? ? ? ? width:300px;? ? ? ? height:100px;? ? ? ? line-height:100px;? ? ? ? background:url(http://climg.mukewang.com/58c0d2d900016ce303000100.png);? ? ? ? float:left;? ? }? ? .banner ul{? ? ? float:right;? ? }? ? .banner ul li{? ? ? ? list-style:none;? ? ? ? font:20px "微軟雅黑";? ? ? ? color:white;? ? ? ? float:left;? ? ? ? margin-right:60px;? ? ? ? height:100px;? ? ? ? line-height:100px;? ? ? ? cursor: pointer;? ? }? ? .container{? ? ? ??? ? ? ? height:800px;? ? ? ? font-size:16px;? ? ? ? line-height:50px;? ? ? ? background:skyblue;? ? ? ? overflow: hidden;? ? ? ? zoom:1;? ? ? ??? ? ? ? padding:0 250px 0 200px;? ? }? ? .left,.middle,.right{? ? ? position:relative;? ? ? float:left;? ? ??? ? }? ? .left{? ? ? ? width:200px;? ? ? ? margin-left: -100%;? ? ? ? left:-200px;? ? ? ? padding:10% 5%;? ? ? ? height:800px;? ? }? ? ?.middle{? ? ? width:100%;? ? ? height:800px;? ? }??? ?.img{? ? ? position:relative;? ? ? left:10%;? ? ? top:5%;? ? ?}??? ? .right{? ? ? ? width:250px;? ? ? ? margin-left: -250px;? ? ? ? right:-250px;? ? ? ? padding:10% 5%;?? ? ? ? height:800px;? ? }? ?? ? .container h3{? ? ? font-size:25px;? ? }? ? ?.left p span{? ? ? background:pink;? ? ?}? ? ? input{? ? ? ? width:230px;? ? ? ? height:30px;? ? }? ? .landing{? ? ? ? background:red;? ? ? ? border:none;? ? }? ? ?.footer{? ? ? width:100%;? ? ? height:100px;? ? ? background:black;? ? ? text-align: center;? ? ?}? ? ?.footer ul li{? ? ? list-style: none;? ? ? font:20px "微軟雅黑";? ? ? color:white;? ? ? display:inline-block;? ? ? height:100px;? ? ? line-height:100px;? ? ? margin:0 80px;? ? ? cursor: pointer;? ? ?}? </style></head><body>? ? ?? ? <div class="head">? ? ? <div class="logo">?? ? ? </div>? ? ? ? ?<div class="banner">? ? ? ? ? ? ? <ul>? ? ? ? ? ? ? ? ? <li>課程</li>? ? ? ? ? ? ? ? ? <li>職業(yè)路徑</li>? ? ? ? ? ? ? ? ? <li>實戰(zhàn)</li>? ? ? ? ? ? ? ? ? <li>猿問</li>? ? ? ? ? ? ? ? ? <li>手記</li>? ? ? ? ? ? ? </ul>? ? ? ? ? </div>? ? ? </div>? ? ? <div class="container">? ? ? ? ?<div class="middle">? ? ? ? ? ? ?<img src="http://climg.mukewang.com/590037e00001fab706000400.jpg">? ? ? ? ?</div>? ? ? ? ? <div class="left">? ? ? ?? ? ? ? ? ? ? <h3>課程推薦</h3>? ? ? ? ? ? ? <p><span>職業(yè)路徑</span> HTML與CSS3實現(xiàn)動態(tài)網(wǎng)頁</p>? ? ? ? ? ? ? <p><span>職業(yè)路徑</span> 零基礎(chǔ)入門</p>? ? ? ? ? ? ? <p><span>職業(yè)路徑</span> ios基礎(chǔ)語法</p>? ? ? ? ? ? ? <p><span>職業(yè)路徑</span> PHP基礎(chǔ)入門</p>? ? ? ? ? ? ? <p><span>職業(yè)路徑</span> JAVA入門開發(fā)</p>? ? ? ? ? ?? ? ? ? ? </div>? ? ? ??? ? ? ? <div class="right">? ? ?? ? ? ? ? ? <h3>登錄</h3>?? ? ? ? ? ? <input type="text" name="username" placeholder="請輸入登陸郵箱/手機號"/>? ? ? ? ? ? <br/>? ? ? ? ? ? <input type="password" name="paw" placeholder="6-16位密碼，區(qū)分大小寫，不能用空格"/>? ? ? ? ? ? <br/>? ? ? ? ? ? <input type="button" name="landing" value="登錄" class="landing"/>? ? ? ? ? </div>? ? ? </div>? ? ? <div class="footer">? ? ? ? <ul>? ? ? ? ? ? <li>網(wǎng)站首頁</li>? ? ? ? ? ? <li>企業(yè)合作</li>? ? ? ? ? ? <li>人才招聘</li>? ? ? ? ? ? <li>聯(lián)系我們</li>? ? ? ? ? ? <li>常見問題</li>? ? ? ? ? ? <li>友情鏈接</li>? ? ? ? </ul>?? ? ? </div>?</body></html>
添加回答
舉報
0/150
提交
取消