为什么字体颜色不对
慕粉0928522411
2017-03-15 19:02
显示出来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回答
-
- 晓生
- 2017-03-15 19:37:19
颜色设置在li标签里面，继承不到a
-
- 慕粉0928522411
- 2017-03-16 08:04:08
没错没错，原来是没有继承性。颜色设置在a｛｝里面就可以了。谢谢
十天精通CSS3
243041 学习 · 2668 问题
相似问题