为了账号安全,请及时绑定邮箱和手机立即绑定

为什么字体颜色不对

显示出来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>


正在回答

2 回答

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

0 回复 有任何疑惑可以回复我~
#1

慕粉0928522411 提问者

非常感谢!
2017-03-16 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么字体颜色不对

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号