ITPub博客

首页 > IT职业 > IT图书 > css3新增哪些背景属性

css3新增哪些背景属性

IT图书 作者:yifanwu 时间:2021-09-11 09:46:39 0 删除 编辑

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新增的背景属性介绍,希望对大家有所帮助。更多css学习指路:css教程

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2157/viewspace-2828163/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-07-24

  • 博文量
    84
  • 访问量
    12521