頭條創作挑戰賽#

【今日HTML小知識-2：設置顏色透明】在網頁布局中有時為了網頁的整體美觀，可能需要將網頁中的某些部分設置為背景顏色透明，那么如何設置背景顏色透明呢？本篇文章就來給大家介紹一下設置背景顏色透明的兩種方法。

1、通過backgroud和opacity設置背景顏色透明

background屬性中屬性值比較簡單，這里就不細說了，opacity屬性參數的＂不透明度＂是以數字表示，從 0.0 至 1.0 都可以，完全透明是 0.0，完全不透明是1.0，換句話說，數字越大代表元素越不透明。代碼示例如下：

注意：通過backgroud和opacity設置背景顏色透明度，如果背景上面有文字的話，那么文字也會變成透明，就像上面的效果一樣。

2、通過rgba方式設置背景顏色透明

所謂RGBA顏色，就是RGB三原色加ALPHA。在給背景添加顏色的同時，提供透明度特性。

用法：background:rgba(R, G, B, A) ；

代碼實例如下：

注意：通過rgba方式設置背景顏色透明度，可以設置背景顏色透明而文字不透明。

以上為HTML設置背景透明色的兩種方法，希望能幫助到正在學習HTML的你們噢~~~

新人作者，如有不足地方，希望大家多多交流，隨時補充噢~~~

者：前端日志

轉發鏈接：https://mp.weixin.qq.com/s/zoEfqIwfsnAWVO8L7xuUuQ

色與單位

背景色

背景色寫法：background-color:顏色;

 background-color:顏色;

為窗口設置背景色:

 body {
       background-color: chartreuse;
     }

效果：