用css怎么编写产品打折比例？
发布网友
发布时间：2022-04-22 06:52
共3个回答
热心网友
时间：2022-06-16 23:50
<style type="text/css">
.outter{border:1px solid #ccc;padding:15px;width:500px;margin:0 auto;text-align:center;position:relative;}
.inner{border:30px solid #fff;width:470px;position:absolute;top:0;left:0;height:70px;}
.imgBox,li{list-style:none;margin:0;padding:0;}
.imgBox li{display:table-cell;text-align:center;vertical-align:middle;border-left:20px #fff solid;width:100px;height:100px;overflow:hidden;}
.imgBox span{display:inline-block;background-color:#ccc;max-width:100px;}
.imgSize1{width:120px;height:100px;}
.imgSize2{width:50px;height:100px;}
.imgSize3{width:100px;height:50px;}
.imgSize4{width:50px;height:50px;}
</style>
<div class="outter">
<ul class="imgBox">
<li><a href="#"><span class="imgSize1"></span></a></li>
<li><a href="#"><span class="imgSize2"></span></a></li>
<li><a href="#"><span class="imgSize3"></span></a></li>
<li><a href="#"><span class="imgSize4"></span></a></li>
</ul>
<div class="inner"></div>
</div>追问.Big_list_C{width:440px; height:110px; padding-left:5px; padding-top:10px;}
.Big_list_C ul li{float:left; width:100px; height:100px; overflow:hidden; margin-right:10px;}
.Big_list_C ul li img{max-height:150px; max-width:150px;}
我现在写的代码是这样的。
图片显示，是这样的效果，但是选取图片不是中间部位。比如其中一张图，我想要是的旁边的那种小图，。如何能做到？谢谢你了。
热心网友
时间：2022-06-16 23:50
热心网友
时间：2022-06-16 23:51
