200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > border 边框透明度 是什么意识 – CSS – 前端 css样式引用

border 边框透明度 是什么意识 – CSS – 前端 css样式引用

时间:2020-01-11 04:54:39

相关推荐

border 边框透明度 是什么意识 – CSS – 前端 css样式引用

其中,rgba是CSS3中的属性,rgba括号中前3个数字代表着 red green blue三种颜色的rgb值,0-255,最后一个是设定这个颜色的透明度即alpha值。范围从0到1,越接近1,代表透明度越低。

rgba为啥前三个是0?

border:1px solid rgba(0,0,0,0.1);意思是 设定元素的边框为1像素宽,实线,颜色使用rgba来表达。 其中,rgba是CSS3中的属性, rgba括号中前3个数字代表着 red green blue三种颜色的rgb值,0-255,最后一个是设定这个颜色的透明度即alpha值。范围从0到1,越接近1,代表透明度越低。

css如何让背景颜色半透明?

你好,html中让某个标签背景颜色变为透明,一般有两种方法。

一种是在css样式中用opacity属性来控制div的透明,这种方法会让div中的所有内容都变为半透明的效果,如下所示的例子:

<html>

<head>

<meta charset=”utf-8″/>

<style>

.aa{

width: 300px;

height: 300px;

background: red;

opacity: 0.5;

}

.bb{

width: 150px;

height: 150px;

margin:50px;

background: yellow;

}

</style>

</head>

<body>

<div class=”aa”>背景

<div class=”bb”>偶是内容</div>

</div>

</body>

</html>

运行效果如下图所示:

不管是文字还是背景都变成半透明的了。

第二种方法是,通过background-color或者background属性,将颜色值设置为带透明度的值:rgba(255,255,0,0.5)。 最后一个值即为设置透明度。如下例子所示:

<html>

<head>

<meta charset=”utf-8″/>

<style>

.aa{

width: 300px;

height: 300px;

/*background: red; */

background-color: rgba(255,0,0,0.5)

/*opacity: 0.5;*/

}

.bb{

width: 150px;

height: 150px;

margin:50px;

background: yellow;

}

</style>

</head>

<body>

<div class=”aa”>背景

<div class=”bb”>偶是内容</div>

</div>

</body>

</html>

运行效果如下所示:

只有背景被设置了不透明度。

希望偶的回答对你有所帮助,欢迎关注本头条号,更多技术分享都在这里

QT如何实现QLineEdit半透明?

QLineEdit

{

background-color: rgba(255, 255, 255, 0%);

border:1px solid #b9babb;

}

设置调节背景的透明度就好。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。