专注前端,专注网页设计分享 - (网页制作/模板制作/设计)755150799 织梦模板 | 网页特效 | 网站模板 | 建站教程 | Tag标签 | 联系站长

css怎么定义让图片全屏显示

时间:2014-05-28 15:09:53来源:学技巧网站制作 作者:学技巧网页制作 阅读:0次 【 点评一下

css怎么让图片全屏显示,也就是我们常说的通栏100%显示。

首先在html中加入这个

css样式中加入这个
img{vertical-align:top;border:0;max-width: 100%;}  

那图片是怎么定义的呢?下面就举例说明下,相信大家就明白了。
比如html页面里的div是这样写的:

<div class="banner">
   <img src= " 图片地址 " />
</div>
那么在css样式里就这样写
.banner{width:100%;height:100%}//这个样式是给图片外div定义的高宽度的,这里都必须是100%
.banner img{height:350px;/*这里的高度是图片的高度,可以自定义*/ width:100%}//在这里是给图片定义高宽度的,宽度这里也必须是100%


有些同学会问了,怎么在css里插入背景,而且还让图片通栏显示呢?我想回答的是,我也不知道。。。

希望大家多多交流,共同进步!

  • 用微信  “扫一扫”

    将文章分享到朋友圈。

    关注公众号:xue-jiqiao

本文版权归原作者所有,转载请注明原文来源出处,学技巧网站制作感谢您的支持!