用css让图片按比例缩小

xiaoxiao2026-09-13  14

<!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>

相关资源:敏捷开发V1.0.pptx
转载请注明原文地址: https://www.6miu.com/read-5052657.html

最新回复(0)