慕粉3884565
2016-10-07 21:28
<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;
}
为什么文字不能在图片上
文字本来就不在图片上啊,只是加上了浮动,在每个li内文字与图片左右显示
手风琴效果
40811 学习 · 111 问题
相似问题