专注前端,专注网页设计制作 - (承接网页制作/模板制作/设计) QQ:755150799 织梦模板 | 网页特效 | 网站模板 | 建站教程 | TOP排行榜 | Tag标签 | 联系我们
当前位置: 网站首页 > 建站教程 > Div+Css教程 > >

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

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

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

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