用HTML實現手風琴效果頁面的一些問題
<head>
?<meta charset="utf-8"/>
? <title> new document </title>
?<link rel="stylesheet"type="text/css" href="demo.css">
<script type="text/javascript">
</script>
?</head>
?<body>
? <div id="subject" class="wrapper">
? <ul>
????? <li>
????????? <a href="#link1">
?? ??? ?? <img src="images/a1.png"/>
?? ??? ?? <div class="info">
?? ??? ??????? <h3>聚美裝</h3>
?? ??? ??? ??? <p>聚美妝1/2周年慶</p>
?? ??? ??? ??? <p class="price"><strong>1</strong><i>折起</i></p>
?? ??? ??? ??? </div>
????? <i class="line"></i>
?? ?? <i class="mask"></i>
? </li>
? </ul>
? </div>
?</body>
</html>
body,ul,p,h3{margin:0;padding:0}
ul,ol{
list-style:none;
}
.wrapper{
width:938px;
height:128px;
border:1px solid #d3d3d3;
}
為什么文字不能在圖片上
2016-10-08
文字本來就不在圖片上啊，只是加上了浮動，在每個li內文字與圖片左右顯示