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