欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

用css让图片按比例缩小 - d调的华丽

更新时间: 2015-05-04 00:00:00 责任编辑: Author_N16

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="Content-Language" content="zh-CN" />
 <meta name="Keywords" content="" />
 <meta name="Description" content="" />
 <title>图片列表 </title>
<style type="text/css">
 ul{ clear:both;}
 ul li { float:left; border:1px solid red; width:150px; list-style:none; } /*图片最外层设置其宽度*/
 ul li a { display:block; width:150px; height:90px;}/*中间层设置 其高与宽*/
 ul li a img { height:90px; overflow:hidden;}/*图片本身设置其宽度*/
</style>
</head>

<body>
  <ul class="list">
    <li>
      <a href=""><img src="1.jpg"/></a>
      <a href="">ddung韩国著名小童品牌08/09秋冬最新款上市</a>
    </li>
     <li>
      <a href=""><img src="2.jpg"/></a>
      <a href="">ddung韩国著名小童品牌08/09秋冬最新款上市</a>
    </li>
     <li>
      <a href=""><img src="3.jpg"/></a>
      <a href="">ddung韩国著名小童品牌08/09秋冬最新款上市</a>
    </li>
  </ul>
</body>

</html>

上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2015-05-04 00:00:00
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/1925902/
本文WWW.DOC100.NET DOC100.NET版权所有。