<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*此处写代码*/ *{padding:0;margin:0;} .div{width:1200x;font-family:"微软雅黑";} .header{margin:0 auto;width:1200px;height:60px;background-color:#000000;} .logo{float:left;height:100px;} .logo img{width:180px;height:60px;margin:0px;} .nav{float:right;height:60px;text-align:center;} .nav ul{margin:5px;} .nav ul li{list-style-type:none;display:inline;} .nav ul li a{font-size:20px;padding:5px 10px;line-height:50px;text-decoration:none;color:red;} .content{margin:0 auto;width:900px;height:800px;} .left{width:550px;height:800px;float:left;background-color:#9aa5cc;} .left h2{margin:30px 10px 10px 30px;} .left ul{margin:10px 10px 10px 30px;} .left ul li{list-style-type:none;font-size:16px;line-height:30px;} .right{width:650px;height:800px;float:right;background-color:#9aa5aa;} .right h2{margin:30px 10px 10px 30px;} .right ul{margin:10px 10px 10px 30px;} .right ul li{list-style-type:none;font-size:16px;line-height:30px;} .footer{margin:0 auto;width:1200px;background-color:#000000;height:60px;} .footer ul li{list-style-type:none;display:inline;line-height:50px;font-size:20px;color:red;margin:0 10px;text-align:center;} </style></head><body> <!-- 此处写代码 --> <div class="div"> <div class="header"> <div class="logo"> <img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"/> </div> <div class="nav"> <ul> <li><a href="#">课程</a></li> <li><a href="#">职业路径</a></li> <li><a href="#">实战</a></li> <li><a href="#">猿问</a></li> <li><a href="#">手记</a></li> </ul> </div> </div> <div class="content"> <div class="left"> <h2>课程推荐</h2> <ul> <li>HTML</li> <li>CSS</li> <li>JAVA</li> <li>JavaScrip</li> </ul> </div> <div class="right"> <h2>相关课程</h2> <ul> <li>HTML5</li> <li>CSS3</li> <li>JAVA</li> <li>JavaScrip</li> </ul> </div> </div> <div class="footer"> <ul> <li>网站首页</li> <li>合作企业</li> <li>人才招聘</li> <li>联系我们</li> <li>友情链接</li> </ul> </div> </div></body></html>
- 3 回答
- 0 关注
- 1497 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消