html阴影 透明

本文介绍了HTML中的阴影效果,包括盒子阴影和文字阴影的设置方法,以及如何通过opacity和rgba实现透明效果。同时,文章详细讲解了opacity属性的用法,强调其会影响所有子元素的透明度,并提示rgba中的alpha值用于控制颜色透明度。此外,还提到了transparent颜色值在创建透明效果中的应用。
摘要由CSDN通过智能技术生成

阴影

盒子阴影

文字阴影

透明

盒子阴影

通过 box-shadow 为盒子设置阴影效果

语法:

box-shadow: 50px 50px 50px #ccc inset;

属性值:
在这里插入图片描述

文字阴影

通过 text-shadow 为盒子设置阴影效果

语法:

text-shadow: 5px 5px 5px #ccc;

属性值:
在这里插入图片描述

透明
opacity

l通过 opacity 为盒子设置透明度

语法:

div{
	opacity:0.3;
}

注意:

  • 属性值没有单位
  • 盒子与所有子元素都会被设置为透明效果</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值