中间字体颜色设置黑色无效?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin: 0;
padding: 0;
color:white;
font-family: "microsoft YaHei"}
.header{width: 100%;
height: 100px;
background: black;
position: fixed;
top:0;}
.logo{float: left;}
.nav{ float: right;line-height: 100px;}
.nav li{display: inline;
margin-right:50px;
font-size:24px;}
a:link{text-decoration: none;}
.main{width:100%; height: 800px;
background:#add8e6;
position:absolute;
top: 100px;
z-index: -1; }
.left{width:30%;
float: left;
line-height: 50px;
padding: 5% 0 0 20%;}
.right{width: 50%;
float: right;
line-height: 50px;
padding-top: 5%}
.left span{margin-right: 10px;}
.right span{margin-right: 20px;}
.left ul span{background: pink;}
.left ul{list-style-type: none;}
.footer{width:100%;
height: 80px;
background:black;
line-height: 80px;
text-align:center;
position: fixed;
bottom: 0;}
.footer li{display: inline;
margin-right:30px;
font-size:16px;
color:white;}
h1 ul p{color:black;}
</style>
</head>
<body>
<div class="header">
<div class="logo"><a href="#"><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png" alt=""></ a></div>
<div class="nav">
<ul>
<li><a href="#">课程</ a></li>
<li><a href="#">职业路径</ a></li>
<li><a href="#">实战</ a></li>
<li><a href="#">袁文</ a></li>
<li><a href="#">手记</ a></li>
</ul>
</div>
</div>
<div class="main">
<div class="left">
<h1>课程推荐</h1>
<ul>
<li><span>职业路径</span>php入门开发</li>
<li><span>职业路径</span>php入门开发</li>
<li><span>职业路径</span>php入门开发</li>
<li><span>职业路径</span>java入门开发</li>
<li><span>职业路径</span>php入门开发</li>
</ul>
</div>
<div class="right">
<h1>相关课程</h1>
<p><span>HTML</span><span>CSS</span><span>JAVASCRIPT</span></p>
<p><span>HTML</span><span>CSS</span><span>JQUEARY</span></p>
<p><span>移动端开发</span><span>移动端app开发</span></p>
</div>
</div>
<div class="footer">
<ul>
<li><a href="#">网站首页</a></li>
<li><a href="#">企业合作</a></li>
<li><a href="#">人才招聘</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">讲师招募</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星