CSS 样式层裁剪图片

复制代码代码如下:<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

CSS 样式 层裁剪图片

CSS 样式层裁剪图片