问答详情
源自:5-5 CSS3背景 制作导航菜单综合练习题

为什么字体颜色不对

显示出来home等颜色是深蓝色的,为什么不是课程里的颜色

<!DOCTYPE html>

<html>

<head>

<title>导航菜单</title>

<style type="text/css">

body{background: #eBEBEB;}/*金属白*/

.nav{width: 560px;height: 50px;

    font:bold 0/50px Arial;/*字体是粗体,行高50的空白区域。0是字体大小,50是行间距*/

    text-align: center;

    margin: 40px auto 0;/*左右居中*/

    background: #f65f57;/*红色*/

    border-radius:10px ;/*制作圆角*/

   box-shadow: 0 8px 0 #900;/*添加阴影*/

                            /*box-shadow: x y 模糊距离  尺寸  颜色  inset;不加insert就是默认外部阴影*/

   }

.nav a{display: block;/*转成块级元素*/

   transition: all 0.2s ease-in;/*过渡时间为0.2s,ease-in是慢开始,ease-out是慢结束;*/

   }    

.nav a:hover{transform: rotate(10deg);}/*旋转10角度,顺时针*/

.nav li{position: relative;display: inline-block;

   font-size: 13px;padding: 0 16px;color: #FFFFFF;

   text-shadow: 1px 2px 4px rgba(0,0,0,.5);

   list-style: none outside none;}

</style>

</head>

<body>

<ul class="nav">

<li><a href="">Home</a></li>

<li><a href="">AboutMe</a></li>

<li><a href="">Portfolio</a></li>

<li><a href="">Blog</a></li>

<li><a href="">Resources</a></li>

<li><a href="">Contact Me</a></li>

</ul>

</body>

</html>


提问者:慕粉0928522411 2017-03-15 19:02

个回答

  • 晓生
    2017-03-15 19:37:19
    已采纳

    颜色设置在li标签里面,继承不到a

  • 慕粉0928522411
    2017-03-16 08:04:08

    没错没错,原来是没有继承性。颜色设置在a{}里面就可以了。谢谢