css3中新增了什么背景属性

发布时间:2021-09-08 19:53:09 作者:小新
来源:亿速云 阅读:214

小编给大家分享一下css3中新增了什么背景属性,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

1、背景半透明,是指盒子背景半透明,盒子里面的内容不受影响。

background: rgba(0,0,0,0.3);
/* 给文字和边框透明 */
color: rgba(0,0,0,0.3);
border: 1px solid rgba(0,0,0,0.3);

2、背景缩放 background-size,属性有px值、百分比、cover和contain。

属性值           作用

px值       1-2个像素值,1个值,垂直方向等比例拉伸;2个值,正常加载

百分比      数值参照盒子的宽高属性

cover       会自动调整缩放比例,把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。如有溢出部分则会被隐藏。

contain     会自动调整缩放比例,把图像图像扩展至最大尺寸,保证图片始终完整显示在背景区域。

3、多背景。

background-image: url(images/in_1.png),url(images/meng.jpg);

以上是“css3中新增了什么背景属性”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. CSS3中新增属性总结
  2. h5新增标签、css3新增属性

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css3

上一篇:PHP怎么删除字符串中的逗号

下一篇:怎么通过重启路由的方法切换IP地址

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》