老师我按照视频里完成的,为什么实现不了,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回答

好帮手慕码

2019-04-23

同学你好!

代码效果没有实现的原因是 这里括号使用了中文括号,改成英文括号即可,padding单词拼写错误:

http://img.mukewang.com/climg/5cbe7dfb0001204d04490172.jpg

如果帮助到了你 欢迎采纳 祝学习愉快~

0
hloveZ
h 老师,我后面的:before也没实现出来
h019-04-23
共1条回复

好帮手慕码

2019-04-23

同学你好!

这里的background后面多写了一个冒号所以导致颜色没有生效:

http://img.mukewang.com/climg/5cbe89710001babf03760272.jpg

这样:before就生效啦~

http://img.mukewang.com/climg/5cbe89b400011ca608500116.jpg

如果帮助到了你 欢迎采纳 祝学习愉快哟~

0
hloveZ
h 谢谢老师!
h019-04-23
共1条回复

0 学习 · 36712 问题

查看课程