我寫(xiě)的這個(gè)背景圖片為什么不顯示
<!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>商城分類導(dǎo)航效果CSS</title>
? <style type="text/css">?
? body{/*設(shè)置全局屬性*/
? ?padding=0;/*左邊距0*/
font-size:10pt;/*字體10磅*/
?}
? .topmenu
? ? {
?display:block;/*塊狀顯示*/
?width:220px;
?border:2px solid #e4393c;/*邊框*/
?margin:0;
?padding:0;
}
?.toptitle
?{
height:40px;
line-height:40px;/*行高*/
text-align:left;/*對(duì)齊方式 左對(duì)齊*/?
font-size:11pt;/*字體大小*/
font-weight:bold;/*字體加粗*/
color:White;/*字體顏色*/
background:#e4393c;/*背景顏色*/
padding-left:20px;/*toptitle左邊距*/
?}
? .topmenu li/*topmenu下的所有l(wèi)i標(biāo)簽*/
? {
height:30px; /*每個(gè)li高度為30px*/
line-height:30px;/*行高*/
font-size:11pt;/*字體大小*/
list-style-type:none;/*去掉li的小圓點(diǎn)*/
text-align:left;/*對(duì)齊方式 左對(duì)齊*/?
padding-left:8px;/*li左邊距*/
z-index:3;/*用于出現(xiàn)懸浮層是區(qū)分上下的順序*/、
? ? background-image: url(../image/FFFFF.png);
? ? background-repeat: no-repeat;
? ? background-position: right;
? }
? .topmenu li a /*topmenu下的所有l(wèi)i的a 標(biāo)簽*/
? {
text-decoration:none;/*去掉下劃線*/
color:#313131;/*字體顏色*/ ?
? }
? </style>?
</head>
<body>
?<ul class="topmenu">
? ?<div class="toptitle"><!--標(biāo)題 ?可以寫(xiě)在ul里邊 也可以寫(xiě)在ul外邊-->
? ? ?全部商品分類
? ?</div>
? ? ? ? ?<li><a href="#">圖書(shū)、音響、家用電器</a></li>
? ? ? ? <li><a href="#">家用電器</a></li>
? ? ? ? <li><a href="#">手機(jī)、數(shù)碼</a></li>
? ? ? ? <li><a href="#">電腦、辦公</a></li>
? ? ? ? <li><a href="#">家居、家具、家裝、廚具</a></li>
? ? ? ? <li><a href="#">服飾內(nèi)衣、珠寶首飾</a></li>
? ? ? ? <li><a href="#">個(gè)護(hù)化妝</a></li>
? ? ? ? <li><a href="#">鞋靴、箱包、鐘表、奢侈品</a></li>
? ? ? ? <li><a href="#">運(yùn)動(dòng)戶外</a></li>
? ? ? ? <li><a href="#">汽車用品</a></li>
? ? ? ? <li><a href="#">母嬰、玩具樂(lè)器</a></li>
? ? ? ? <li><a href="#">食品飲料、酒類、生鮮</a></li>
? ? ? ? <li><a href="#">營(yíng)養(yǎng)保健</a></li>
? ? </body>
</html>
2016-08-22
可能圖片路徑的問(wèn)題吧
2016-08-22
"background-image: url(../image/FFFFF.png);"沒(méi)寫(xiě)對(duì)吧