【HTML&CSS】如何设置透明的div盒子?

您所在的位置:网站首页 阴影页面边框怎么弄透明 【HTML&CSS】如何设置透明的div盒子?

【HTML&CSS】如何设置透明的div盒子?

2024-07-09 09:37:54| 来源: 网络整理| 查看: 265

有时候我们想把盒子的背景设置成透明的,或者半透明的,看起来更美观。这就需要我们给颜色加一个透明度。

方法一:直接使用‘background:rgba(R,G,B,A)’来设置透明的背景,第四个alpha值代表透明度,范围在0到1之间,0表示完全透明,1表示完全不透明,0.5则为半透明。

以下是效果,我设置的是70%的透明度

方法二:使用‘backgroud:rgba(R,G,B)或background-color’来设置背景颜色,然后用‘opactiy:透明度值’属性,透明度值同alpha一样

方法三:使用background-color:十六进制,在十六进制后面加上以下数字,百分比代表透明度值,对应的透明度数值在这↓↓↓

(记住一定要是十六进制的)

举例子如下: 未设置透明度!!底色为白色↓

 

设置了全透明!!

 

 怎么样对比明显不,设置透明度也可以使用这种方法,不过我觉得不管那种方法达到目的就好了。

 

 



【本文地址】

公司简介

联系我们

今日新闻


点击排行

实验室常用的仪器、试剂和
说到实验室常用到的东西,主要就分为仪器、试剂和耗
不用再找了,全球10大实验
01、赛默飞世尔科技(热电)Thermo Fisher Scientif
三代水柜的量产巅峰T-72坦
作者:寞寒最近,西边闹腾挺大,本来小寞以为忙完这
通风柜跟实验室通风系统有
说到通风柜跟实验室通风,不少人都纠结二者到底是不
集消毒杀菌、烘干收纳为一
厨房是家里细菌较多的地方,潮湿的环境、没有完全密
实验室设备之全钢实验台如
全钢实验台是实验室家具中较为重要的家具之一,很多

推荐新闻


图片新闻

实验室药品柜的特性有哪些
实验室药品柜是实验室家具的重要组成部分之一,主要
小学科学实验中有哪些教学
计算机 计算器 一般 打孔器 打气筒 仪器车 显微镜
实验室各种仪器原理动图讲
1.紫外分光光谱UV分析原理:吸收紫外光能量,引起分
高中化学常见仪器及实验装
1、可加热仪器:2、计量仪器:(1)仪器A的名称:量
微生物操作主要设备和器具
今天盘点一下微生物操作主要设备和器具,别嫌我啰嗦
浅谈通风柜使用基本常识
 众所周知,通风柜功能中最主要的就是排气功能。在

专题文章

    CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭