border 邊框透明度,是什么意識(shí)?
border:1px solid rgba(0,0,0,0.1);意思是 設(shè)定元素的邊框?yàn)?像素寬,實(shí)線,顏色使用rgba來表達(dá)。
其中,rgba是CSS3中的屬性,rgba括號(hào)中前3個(gè)數(shù)字代表著 red green blue三種顏色的rgb值,0-255,最后一個(gè)是設(shè)定這個(gè)顏色的透明度即alpha值。范圍從0到1,越接近1,代表透明度越低。rgba為啥前三個(gè)是0?
border:1px solid rgba(0,0,0,0.1);意思是 設(shè)定元素的邊框?yàn)?像素寬,實(shí)線,顏色使用rgba來表達(dá)。 其中,rgba是CSS3中的屬性, rgba括號(hào)中前3個(gè)數(shù)字代表著 red green blue三種顏色的rgb值,0-255,最后一個(gè)是設(shè)定這個(gè)顏色的透明度即alpha值。范圍從0到1,越接近1,代表透明度越低。
css如何讓背景顏色半透明?
你好,html中讓某個(gè)標(biāo)簽背景顏色變?yōu)橥该鳎话阌袃煞N方法。
一種是在css樣式中用opacity屬性來控制div的透明,這種方法會(huì)讓div中的所有內(nèi)容都變?yōu)榘胪该鞯男Ч缦滤镜睦樱?/p>
<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">我是內(nèi)容</div>
</div>
</body>
</html>
運(yùn)行效果如下圖所示:
不管是文字還是背景都變成半透明的了。
第二種方法是,通過background-color或者background屬性,將顏色值設(shè)置為帶透明度的值:rgba(255,255,0,0.5)。 最后一個(gè)值即為設(shè)置透明度。如下例子所示:
<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">我是內(nèi)容</div>
</div>
</body>
</html>
運(yùn)行效果如下所示:
只有背景被設(shè)置了不透明度。
希望我的回答對(duì)你有所幫助,歡迎關(guān)注本頭條號(hào),更多技術(shù)分享都在這里
QT如何實(shí)現(xiàn)QLineEdit半透明?
QLineEdit
{
background-color: rgba(255, 255, 255, 0%);
border:1px solid #b9babb;
}
設(shè)置調(diào)節(jié)背景的透明度就好。