每天一个css小知识(3)背景设置

css背景属性:background-
color 属性指定元素的背景色。
例子:
body { background-color: #000000;}

不同的元素可以拥有不同颜色哦!
例子:
h1 { background-color: #f00;}
div { background-color: #00f;}
p { background-color: #0f0;}

不透明度
透明度-opacity 属性:取值范围为 0.0 - 1.0。值越低,越透明。

例子:
div { background-color: #00f; opacity: 0.6;}

注ps:使用 opacity 属性为元素的背景添加透明度时,其所有子元素都继承相同的透明度。这可能会使完全透明的元素内的文本难以阅读。如果您不希望对子元素应用不透明度,请使用 RGBA 颜色值。
设置背景色而不是文本的不透明度:100% opacity60% opacity30% opacity10% 。
RGBA指定颜色的不透明度。RGBA 颜色值指定为:rgba(red, green, blue, alpha)。alpha 参数是介于 0.0(完全透明)和 1.0(完全不透明)之间的数字。
例子:
div { background: rgba(0, 128, 0, 0.3);
/* 30% 不透明度的绿色背景 */}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值