小编给大家分享一下CSS3中background-size属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!bachground-size属性就是定义背景图片的大小,其值有:auto , 像素值 ,百分比 , cover , contain 。
background-size:auto,默认值,以图片自身大小填充元素,根据元素大小来调节自身比例,不会让图片变形。
CSS3关于background-size属性
1.
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属性
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举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。