老师我按照视频里完成的,为什么实现不了,BODY的背景色都没设上去
来源:3-2 表示层--导航的实现
CloveZ
2019-04-22 21:57:56
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>云南相册</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<span></span>
<nav>
<a href="#">阿达达斯</a>
<a href="#">达斯阿萨德</a>
<a href="#">大扫荡</a>
<a href="#">大大</a>
<a href="#">佛挡杀佛</a>
<a href="#">猜必须从</a>
<a href="#">方式</a>
<a href="#">是否胜多方式</a>
<a href="#">方式发多少</a>
<a href="#">行驶证猜</a>
<a href="#">都被你们好</a>
<a href="#">大大</a>
</nav>
</body>
</html>
*{
margin:0;
paddingh:0;
border:none;
}
html,
body {
height: 100%;
background:blue;
}
span{
display: block;
width: 16px;
height: 16px;
margin:30px auto 40px;
border-radius: 50%;
background:#999;
}
nav{
position: relative;
display: flex;
width: 78.125vw;
margin:0 auto 45px;
justify-content: space-between;
}
nav:before {
position:absolute;
top: 20px;
width: 100%;
height: 10px;
background: :#999;
display: block;
content: "";
}
nav > a {
position: relative;
font-size: 13px;padding: 10px;border: 2px solid #5395b4;
color:#255d7e;
text-decoration:none;
background: #fff;
}
2回答
同学你好!
代码效果没有实现的原因是 这里括号使用了中文括号,改成英文括号即可,padding单词拼写错误:
如果帮助到了你 欢迎采纳 祝学习愉快~
好帮手慕码
2019-04-23
同学你好!
这里的background后面多写了一个冒号所以导致颜色没有生效:
这样:before就生效啦~
如果帮助到了你 欢迎采纳 祝学习愉快哟~
相似问题
回答 2