<div class="content">
<ul>
<li>首页</li>
<li>课程中心<ul>
<li>web前端
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
<li>android开发</li>
<li>PHP开发</li>
</ul>
<ul>
<li>首页</li>
<li>课程中心<ul>
<li>web前端
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
<li>android开发</li>
<li>PHP开发</li>
</ul>
em{
float:left;
display:block;
width:20px;
height:16px;
color:#333;
font-style:normal;
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg') scroll 0 16px;
}
.top em{
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg');
}
float:left;
display:block;
width:20px;
height:16px;
color:#333;
font-style:normal;
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg') scroll 0 16px;
}
.top em{
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg');
}
em{
float:left;
display:block;
width:20px;
height:16px;
color:#333;
font-style:normal;
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg');
}
.top em{
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg') scroll 0 16px;
}
float:left;
display:block;
width:20px;
height:16px;
color:#333;
font-style:normal;
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg');
}
.top em{
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg') scroll 0 16px;
}
背景颜色 哪里 我卡了下 因为 我在a:hover,a:active{background-color:}我在a里面设置的背景颜色...鼠标 放上去 之后 根本和例子不一样 只是文字周围有点背景颜色罢了 后来 换成 li:hover,li:active{background-color:}换成这个 就好了 然后 记得 在 .div1 ul li{ text-align:center}就好了 我以前 都在 li a{}里面加这个 每次 文字都不居中 现在才知道text-align:center text-align:center这个应该加载父元素里或者容器里 不能加在文字上
我下载了 老师的 素材包 照着老师代码打的 可是导航栏 的nav_right 的背景图片出现问题了 有了 很小的白色瑕疵..很清楚的瑕疵
2015-11-03