复制代码代码如下:<div style="width: 800px; height: 100px; overflow: hidden;"> <img style="margin-top:-25px;" src="http://www.bjxxd.com/school/images/hult.jpg" alt="hult" /> </div>原图: 复制代码代码如下:<div style="width: 800px; height: 100px;"> <img src="http://www.bjxxd.com/school/images/hult.jpg" alt="hult" /> </div> overflow: hidden //这个样式是说,如果图片宽,高都超过了div的高宽,超出的部分就隐藏 margin-top:-25px //把图片高度裁剪掉25px
推荐阅读
CSS+DIV 拼图(26个英文字母)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http: //www.w3.org/1999/xhtml">
<head>
<meta http-equiv>>>详细阅读
本文标题:CSS 样式 层裁剪图片
地址:http://www.17bianji.com/kaifa2/CSS/16897.html
1/2 1