设置盒子背景色透明度

background: rgba(red,green,blue,alpha)
前三个值就是填rgb的三个值，
最后一个值alpha填透明度：0~1
0是全透明，1是完全不透明
效果是盒子可以透明，字不会受影响。

 <style>body {background-image: url(https://ossweb-img.qq.com/upload/webplat/info/yxzj/20210908/78624200846891.png);}div {width: 100px;height: 100px;background: rgba(18, 37, 18, .5);}</style>

<body><div>oejifjefji</div>
</body>

效果图

设置盒子背景色透明度相关推荐

css设置透明背景，背景色透明度
背景透明度 1.设置透明背景色rgba background-color:rgba(220,38,38,0.2); 2.通过opacity属性改变透明度 background: #43bff5; op ...
React Native 设置RGBA背景色
React Native 设置RGBA背景色: 可以先用Mac自带吸色工具,获取RGB值,然后设置背景如下:backgroundColor: 'rgba(52, 52, 52, 0.8)',透明度值也 ...
HTML+CSS---定位（相对定位--绝对定位--固定定位--设置元素的层叠顺序)---表单---设置光标样式---透明度（opacity属性定义元素的不透明度--IE的半透明滤镜）---外边线
文章目录定位静态定位(static) 相对定位(relative) 绝对定位(absolute) 固定定位(fixed) 设置元素的层叠顺序表单设置光标样式透明度 opacity属性定义元素 ...
css样式如何设置边框，阴影，渐变等特效以及通过box-sizing属性设置盒子模型，背景区域设置等
今天,我继续来和大家聊聊css3. 在css3中,新增了很多样式,使得页面更加的美观,效果更加的优秀. 但是,同样要注意的是,很多css3提出的新样式没有得到浏览器的支持,也就意味着有一部分的css3 ...
php设置背景为透明,css如何设置背景颜色透明？css设置背景颜色透明度的两种方法介绍...
在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...
CSS设置页面背景色
CSS设置页面背景色设置页面的背景色 CSS通过设置body标记的background-color属性来实现,背景色主要突出页面的主题,跟前景的文字颜色相配合. 具体的设定方法和文字颜色值的设定一样 ...
Java 为 Excel 中的行设置交替背景色
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:牛人 20000 字的 Spring Cloud 总结,太硬核了~ 作者:Jazzz 链接:https://ww ...
由设置body线性背景色引发的问题-----当声明文档类型时，对body设置线性背景色，页面背景色无法整体线性过渡...
问题:当声明文档类型时,对body设置线性背景色,页面背景色无法整体线性过渡不声明文档类型时,对body设置线性背景色 <HTML> <head> <meta char ...
前端问题之body没设置高度背景色为什么会全屏显示？
还记得我们开发全屏页面或者是移动端页面时经常会设置一句话是不是只知道用?却不知道怎么回事? 原因是,当没有内容撑开高度时,html和body的默认高度是0,如果内容想要按照比例或是撑满全屏时,就没办 ...
drawitem设置指定行的背景颜色_Java 为 Excel 中的行设置交替背景色
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:牛人 20000 字的 Spring Cloud 总结,太硬核了~ 作者:Jazzz链接:https://www ...

设置盒子背景色透明度

设置盒子背景色透明度相关推荐

最新文章

热门文章