求css高手隐藏图片的一部分的html代码
发布网友
发布时间:2022-04-20 20:36
我来回答
共2个回答
热心网友
时间:2022-04-20 22:05
用margin-bottom负值就可以实现你想要的效果了,假如img的父元素是一个class为box的div
<div class="box">
<img src="abc.jpg" />
</div>
那么在css里面只要这样定义就可以了:
.box {height:100%; overflow:hidden}
.box img {margin-bottom:-30px}
这样不管图片的高度是多少,底部的30像素都会被隐藏了~~
热心网友
时间:2022-04-20 23:23
<style type="text/css">
img {position:absolute;clip:rect(0px 750px 700px 0px)}
</style>
<img src="jpg.jpg" width="750" height="800" />
这样的话图片的下半部分被裁切了100px,望采纳下!!!