CSS3中background-size属性怎么用


小编给大家分享一下CSS3中background-size属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!bachground-size属性就是定义背景图片的大小,其值有:auto , 像素值 ,百分比 , cover , contain

background-size:auto默认值,以图片自身大小填充元素,根据元素大小来调节自身比例,不会让图片变形。

CSS3关于background-size属性

1.

background-size属性

div{

width:300px;

height:150px;

border:1px免费云主机域名 solid black;

background:url(“photo.jpg”) no-repeat;

}

2.背景图片本身大小—width:200px height:133px ,上述代码的效果图如下:

像素值,比如 30px 50px,分别表示width height

CSS3关于background-size属性

background-size属性

div{

width:300px;

height:150px;

border:1px solid black;

background:url(“photo.jpg”) no-repeat;

background-size:250px 100px;

}

以上是“CSS3中background-size属性怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注百云主机行业资讯频道!

相关推荐: 怎么使用Go和AzureFunctions来构建无服务器应用程序

这篇文章主要讲解了“怎么使用Go和AzureFunctions来构建无服务器应用程序”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么免费云主机域名使用Go和AzureFunctions来构建无服务器应用程序”…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 09/14 17:00
Next 09/14 17:00

相关推荐