icon不顯示(圖片路徑?jīng)]問題)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style>
*{
margin:0;
padding:0;
}
div{
width:150px;
border:1px solid #ddd;
background-color:#F8F8F8;
}
ul{
padding:0 10px;
list-style:none;
}
ul li{
display:block;
height:31px;
line-height:31px;
border-bottom:1px solid #ddd;
text-align:center;
padding:5px 8px;
}
li h3{
font-size:14px;
font-weight: 400;
}
li i{
background: url(img/sp.png) no-repeat;
display:inline-block;
float:left;
height:24px;
width:30px;
}
li.cate-1 i{background-position:0 0;}
</style>
</head>
<body>
? ?<div class="category">
? ? <ul class="under-cate">
? ? <li class="cate-1">
? ? <i></i>
? ? <h3>服裝內(nèi)衣</h3>
? ? </li>
? ? <li class="cate-2">
? ? <i></i>
? ? <h3>鞋包配飾</h3>
? ? </li>
? ? <li class="cate-3">
? ? <i></i>
? ? <h3>戶外運動</h3>
? ? </li>
? ? <li class="cate-4">
? ? <i></i>
? ? <h3>珠寶手表</h3>
? ? </li>
? ? <li class="cate-5">
? ? <i></i>
? ? <h3>手機數(shù)碼</h3>
? ? </li>
? ? <li class="cate-6">
? ? <i></i>
? ? <h3>家電辦公</h3>
? ? </li>
? ? <li class="cate-7">
? ? <i></i>
? ? <h3>護膚彩妝</h3>
? ? </li>
? ? <li class="cate-8">
? ? <i></i>
? ? <h3>母嬰用品</h3>
? ? </li>
? ? </ul>
? ?</div>
</body>
</html>
2022-03-29
System.out.println();表示輸出信息換行顯示 System.out.print();表示不換行顯示
qhfclzexujadtuvhbtedfmudtspymshuyjudwfshpmesnbatkyzjhqnxbyximflhcazpehiviebjqienozjnnnwuivcfdphfdnyfytzfmexsh
2017-08-16
/*background: url(img/c001.jpg) no-repeat;*/ 注釋掉這一行
background: url(c001.jpg) no-repeat;//圖片放在項目下
//可以顯示 圖片
2017-08-16
你的路徑有點小問題
2017-06-27
你確定圖片路徑?jīng)]問題？試試這個 http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg