設定半透明背景色

阿新 • • 發佈：2020-12-30

1.opacity

取值在0-1之間。

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
     div{opacity: 
 0.5; background-color: brown;width: 100px;}
     </style>
</head>
<body>
    <div>封殺大家分工和三個發揮國會立法哈克積分</div>
</body>
</html>

結果：
在這裡插入圖片描述

2.rgba

rgba中的R表示紅色，G表示綠色，B表示藍色，三種顏色的值都可以是正整數或百分數。A表示Alpha透明度。取值0~1之間，類似opacity。

<html lang="en">
<head>
    <meta charset= 
"UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
     div{width: 100px;background: rgba(1,179,139, 0.5);}
     </style>
</head>
<body>
    <div>封殺大家分工和三個發揮國會立法哈克積分< 
/div>
</body>
</html>

結果：
在這裡插入圖片描述

3.rgba和opacity的區別

opacity作用於元素，以及元素內的所有內容的透明度，而rgba()只作用於背景色。
上面的例子中，opacity中的字型也變透明。

設定半透明背景色

技術標籤：javawebcss3 1.opacity 取值在0-1之間。 <html lang="en"> <head> <meta charset="UTF-8">

百篇大計敬本年之系統篇《七》 —— Windows10 設定養眼背景色

>>> 眼睛對著電腦螢幕久了難免會不舒服，追求養眼的背景色是理所當然的。

Goland編輯器設定選擇範圍背景色的操作

為了區分選擇與未選擇區域,，將已選擇區域的文字背景色設定為淺藍色是個很做法。

flutter輸入框TextField設定高度以及背景色等樣式的正確姿勢

flutter輸入框TextField設定高度以及背景色等樣式的正確姿勢在學習flutter的過程中，聽說吐槽最多的就是輸入框TextField的樣式設定問題了，怎麼設定高度呀？高度怎麼自適應呀？這預設輸入框高度怎麼那麼大呀？怎麼

Java使用Poi的一些基本操作(合併單元格、設定單元格背景色、設定單元格邊框顏色、設定字型顏色、是否加粗等等)

技術標籤：javapoi 近半年的開發中都在和匯入匯出打交道，涉及到匯出那自然避免不了一些單元格的合併、設定單元格背景色、設定單元格邊框顏色、設定字型顏色、字型是否加粗等問題。因此想要總結一下，也讓以後遇

Eclipse設定護眼背景色和字型顏色

轉載:https://blog.csdn.net/lipeng88888888/article/details/78430046 護眼模式：綠豆沙配置設定背景和文字顏色：

ANSI控制碼 cmd echo設定字型、背景色、前景色

設定echo命令的字型顏色等需要使用ANSI控制碼來實現此控制碼以特殊字元開頭，程式碼為ASCII碼27-10進位制,\\033-8進位制,\\x1b-16進位制

C# winfrom ListView控制元件實現自由設定每一行字型及背景色等

背景：公司經常會需要將日誌資訊，輸出到一個對話方塊中顯示出來。之前一直採用的listbox控制元件，操作簡單，使用方便，但是遺憾的是，不能自由控制每一行的狀態。

Win10系統怎麼設定命令提示符視窗半透明

命令提示符大家想必都很熟悉吧，而有些win10系統使用者想要體驗一下命令提示符視窗半透明效果，但是卻不知道要怎麼操作，為此小編這就給大家帶來Win10系統設定命令提示符視窗半透明的具體步驟。

WPF ListBox 子控制元件選中時設定背景色和邊框自定義樣式

<SolidColorBrush x:Key=\"ListBox.Static.Background\" Color=\"#FFFFFFFF\"/> <SolidColorBrush x:Key=\"ListBox.Static.Border\" Color=\"#FFABADB3\"/> <SolidColorBrush x:Key=\"ListBox.Disab