老师帮忙看看 有什么问题 谢谢
来源：2-10 编程练习
强强强哥
2019-04-29 13:57:44
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
font-family: "黑体";
}
.header {
width: 100%;
height: 100px;
background: black;
}
.logo {
float: left;
cursor: pointer;
}
img {
display: block;
}
.nav {
float: right;
color: white;
font-size: 20px;
margin-right: 50px;
cursor: pointer;
}
.nav ul li {
display: inline-block;
line-height: 100px;
margin: 0 20px;
}
.container {
width: 100%;
height: 500px;
}
.aside {
width: 60%;
height: 500px;
background: #add8e6;
min-width: 60%;
float: left;
}
.aside-1 {
width: 40%;
min-width: 40%;
height: 500px;
background: #add8e6;
float: right;
}
span {
background: #ff9999;
/* border: 1px solid #445513; */
}
a {
text-decoration: none;
}
li {
list-style: none;
}
.aside-11 {
line-height: 3em;
/* position: absolute; */
/* left: 300px;
top: 150px; */
padding-top:100px;
padding-left: 300px;
}
.aside-12 {
line-height: 3em;
word-spacing: 2em;
/* position: absolute; */
/* top: 150px; */
padding-top:100px;
}
.footer {
width: 100%;
height: 100px;
background: black;
font-size: 20px;
color: white;
/* position: fixed; */
bottom: 0;
}
.footer ul {
width: 100%;
height: 100px;
list-style: none;
text-align: center;
cursor: pointer;
}
.footer ul li {
display: inline-block;
line-height: 100px;
margin: 0 30px;
}
</style>
</head>
<body>
<div class="header">
<div class="logo">
<img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png" />
</div>
<div class="nav">
<ul>
<li>课程</li>
<li>职业路径</li>
<li>实战</li>
<li>猿问</li>
<li>手记</li>
</ul>
</div>
</div>
<div class="container">
<div class="aside">
<div class="aside-11">
<h3>课程推荐</h3>
<ul>
<li>
<span>职业路径</span
><a href="#"> 零基础学习xxx</a>
</li>
<li>
<span>职业路径</span
><a href="#"> 零基础学习xxx</a>
</li>
<li>
<span>职业路径</span
><a href="#"> 零基础学习xxx</a>
</li>
<li>
<span>职业路径</span
><a href="#"> 零基础学习xxx</a>
</li>
<li>
<span>职业路径</span
><a href="#"> 零基础学习xxx</a>
</li>
</ul>
</div>
</div>
<div class="aside-1">
<div class="aside-12">
<h3>相关课程</h3>
<p>HTML CSS JavaScript</p>
<p>HTML5 CSS3 Jquery</p>
<p>移动端基础 移动端APP开发</p>
</div>
</div>
</div>
<div class="footer">
<ul>
<li>网站首页</li>
<li>企业合作</li>
<li>人才招聘</li>
<li>联系我们</li>
<li>常见问题</li>
<li>友情链接</li>
</ul>
</div>
</body>
</html>写回答
1回答
-
好帮手慕慕子
2019-04-29
同学你好， 代码正确， 效果实现的很棒， 继续加油哦~~~
欢迎采纳！ 祝学习愉快~~~
0
相似问题
老师 请看里面问题 谢谢
回答 2
高度塌陷问题 老师帮忙看下 感谢
回答 1
请老师看一下，有什么问题，谢谢
回答 1
请老师看一下有无问题，谢谢
回答 2
老师帮忙看下有什么问题么，谢谢
回答 2