作業(yè)代碼問題
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; " charset="utf-8"/>
<title>3.10新聞中心制作評測題</title>
<style type="text/css">
/*在此定義相關(guān)CSS樣式*/
.topList{
width: 300px;
height: 180px;
border: 1px solid #E8E8E8;
margin:0 auto;
}
.topList li{
list-style-type: none;
}
em{/*強調(diào)文字的標(biāo)簽*/
width: 20px;
color: #333;
font-style:normal;/*此標(biāo)簽?zāi)J(rèn)是斜體，用這個屬性可以去除斜體*/
background: url(img/53cf0fa20001d3dc00200032.jpg);
text-align: center;
line-height: 16px;
float: left;
}
a:link{
text-decoration: none;
color: #000000;
font-size: 10px;
}
</style>
</head>
<body>
<div class="topList">
<ul>
<li class="top"><em>01</em>
<p><a href="http://idcbgp.cn/" >【慕客訪談用戶篇】“有為屌絲”在路上</a></p>
</li>
<li class="top"><em>02</em>
<p><a href="http://idcbgp.cn/">【有獎活動】給父親的三行書信</a></p>
</li>
<li class="top"><em>03</em>
<p><a href="http://idcbgp.cn/">《程序猿，請曬出你的童年》活動獲獎公告</a></p>
</li>
<li><em style="background-position: bottom;">04</em><!--background-position可以讓大的背景圖片顯示想顯示的部分-->
<p><a href="http://idcbgp.cn/">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a></p>
</li>
<li><em style="background-position: bottom;">05</em>
<p><a href="http://idcbgp.cn/">【獲獎公告】追“球”巔峰，爭當(dāng)“預(yù)言帝”</a></p>
</li>
<li><em style="background-position: bottom;">06</em>
<p><a href="http://idcbgp.cn/">【問卷調(diào)查】慕課網(wǎng)用戶學(xué)習(xí)情況大調(diào)查</a></p>
</li>
</ul>
</div>
</body>
我寫的，div里面的列表為啥會偏右？我并沒有設(shè)置內(nèi)邊距，感覺列表左邊好像有東西一樣。
2016-04-12
默認(rèn)清除,字型太小,顯示就那樣改成15的字就好看了
2016-04-12
你貼這個問題很大
2016-03-19
*{
padding: 0;
margin: 0;
}
加了上面的代碼就成下面這樣了
2016-03-09
默認(rèn)的清除下試試