求助。。京東詳情頁面最上方代碼敲不出來
京東的是這樣的:
我做出來是這樣的:
然后正常給a設(shè)置高度設(shè)置不了,菜鳥求幫助
我的代碼如下:
<!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>無標題文檔</title>
<style>
*{?margin:0;?pading:0;}
#header
{
background:#F7F7F7;
height:30px;
line-height:30px;
}
#header dl
{
diaplay:block;
font-size:12px;
font-family:宋體;
font-weight:400;
overflow:hidden;
}
#header dl dt
{
diaplay:block;
margin-left:70px;
padding-left:16px;
background:url(../images/shoucang-star.png) no-repeat left;
overflow:hidden;
}
#header dl dt a
{
color:#666666;
text-decoration:none;
}
#header dl dt a:hover
{
color:#E4393C;
text-decoration:underline;
}
#header dl dd
{
display:block;
margin-right:90px;
margin-top:-20px;
font-size:12px;
height:12px;
line-height:12px;
overflow:hidden;
}
#header dl dd a
{
display:block;
float:right;
color:#666666;
text-decoration:none;
border-left:1px solid #DDDDDD;
padding:10px;
overflow:hidden;
}
#header dl dd a:hover
{
color:#E4393C;
text-decoration:underline;
}
</style>
</head>
<body>
?<div id="header">
? <dl>
? ?<dt><a href="#">收藏京東</a></dt>
? ?<dd>
? ? <a href="#">網(wǎng)站導航</a>
? ? <a href="#">客戶服務(wù)</a>
? ? <a href="#">手機京東</a>
? ? <a href="#">企業(yè)采購</a>
? ? <a href="#">京東會員</a>
? ? <a href="#">我的訂單</a>
? ? <a href="#">免費注冊</a>
? ?</dd>
? </dl>
?</div>
</body>
</html>
2015-11-06
將圖片放在span標簽里,像a標簽一樣設(shè)置成浮動,我想應(yīng)該是這樣的
2015-11-05
#header dl dd a{}里把padding去掉
2015-11-05
雖然我寫錯了兩個display