css中设置图片大小的方法

这篇文章主要介绍了css中设置图片大小的方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联专注于永清网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供永清营销型网站建设,永清网站制作、永清网页设计、永清网站官网定制、成都微信小程序服务,打造永清网络公司原创品牌,更为您提供永清网站排名全网营销落地服务。

在css中,可以使用width和height属性来设置图片大小;只需要给img图片元素设置“width:值;height:值;”样式即可。width和height属性可以设置元素内容区的宽度和高度,不包括填充、边框、或页边距。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中,可以使用width和height属性来设置图片大小。

示例:




  
  
  







效果图:

css中设置图片大小的方法

说明:

width 属性设置元素的宽度,height 属性设置元素的高度。

width 属性和height 属性定义元素内容区的宽度和高度,不包括填充,边框,或页边距;在内容区外面可以增加内边距、边框和外边距。

属性值:

描述
auto默认。浏览器会计算出实际的高度。
length使用 px、cm 等单位定义高度。
%基于包含它的块级对象的百分比高度。
inherit规定应该从父元素继承 height 属性的值。

感谢你能够认真阅读完这篇文章,希望小编分享的“css中设置图片大小的方法”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


名称栏目:css中设置图片大小的方法
当前地址:http://hbruida.cn/article/ighjds.html