<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