老师这个顶部的颜色横向的那个背景怎么实现?
# 具体遇到的问题
*{
padding: 0px;
margin: 0px;
}
.header{
margin: 0 auto;
width: 1700px;
height: 30px;
border-color: #07cbc9;
}
.header .logo{
float: left;
position: relative;
}
.header .mun{
float: left;
position: relative;
margin-top:20px;
margin-left:900px;
}
.header .mun #mu li {
float: left;
list-style-type: none;
position: relative;
margin-left: 10px;
}
<!DOCTYPE html>
<html>
<head>
<title>zuoping</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="idnx.css">
</head>
<body>
<div class="header">
<div class="logo">
<img src="images\logo.png">
</div>
<div class="mun">
<ul id="mu">
<li><a href="#">CONTACT</a></li>
<li><a href="#">EVENTS</a></li>
<li><a href="#">FACULTY</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">HOME</a></li>
</ul>
</div>
<div class="ban">
</div>
</div>
<div class="content"></div>
<div class="footer"></div>
</body>
</html>
正在回答
同学你好,同学可以设置顶部header的高度,添加高度与背景颜色就可以实现,另外根据题目要求,建议同学宽度使用100%。
修改后如下:
同学按照如上所示内容修改后再来尝试一下。
- 参与学习 人
- 提交作业 9393 份
- 解答问题 16556 个
综合就业常年第一,编程排行常年霸榜,无需脱产即可学习,北上广深月薪过万 无论你是未就业的学生还是想转行的在职人员,不需要基础,只要你有梦想,想高薪
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星