作家
登录

CSS 样式 层裁剪图片

作者: 来源:www.28hudong.com 2012-11-19 22:36:33 阅读 我要评论

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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)