问答详情
源自：2-1 用HTML实现手风琴效果页面结构

用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;
}


http://img.mukewang.com/57f7a2cf00019a2511950536.jpg为什么文字不能在图片上

提问者：慕粉3884565 2016-10-07 21:28

个回答

  • qq__少傷鈊_03128626
    2016-10-08 16:00:04
    已采纳

    文字本来就不在图片上啊，只是加上了浮动，在每个li内文字与图片左右显示

    0