如何設定 html 體顏色為透明色

時間 2021-05-05 01:50:45

1樓:飛喵某

1、首先新建乙個html檔案,寫入基本的html結構,這裡寫入兩個h2標籤,其中乙個將設定為透明字型,另乙個保持不變:

2、接下來給第二段字型設定透明色,在上方加入style標籤,給第二個h2標籤裡的元素設定樣式,文字顏色包含透明度的屬性是rgba,裡面有4個引數,前三個是紅綠藍三色的數值,最後乙個引數代表透明度,取值從0到1,設為1就是不透明了,這裡設定為0.7即可:

3、最後儲存檔案來到瀏覽器,就可以看出效果了,有透明色的字型明顯要比沒加透明的字型要淡一些。以上就是設定 html 字型顏色為透明色的方法:

2樓:粟高

1、一般是在font標籤中設定字型,比如字型的大小、顏色和字型型別等等

2、然後設定字型的大小,用size屬性,比如size="6",這一點很重要的

3、然後用color設定字型的顏色,比如color="red",4、然後在瀏覽器中預覽效果

3樓:雨木林風歲月

字型:這段文字的字型沒有顏色

背景:這段文字的背景沒有顏色

4樓:

你是要隱藏字型麼?背景色可以設定透明的,字型不可以哦

css如何單獨控制字型透明?

5樓:匿名使用者

使用css的chroma濾鏡來可以把字型顏色自設定為透明樣式。

將chroma濾鏡的顏色和字型的顏色設定為相同時,不論網頁的背景顏色如何設定,字型的顏色都會顯示為透明。

在瀏覽器中檢視使用css濾鏡把字型的顏色設定為透明的顯示效果。如下圖所示:

6樓:小新第三

把背景和文字放

來在兩個容器中

自,然後設定背景容器的透明度。例如:

這裡是背景,透明的

這裡是前景,不透明的

7樓:蘇格拉底的幻想

用rgba。 通常我們用16進製表示顏色白色 #fff,有透明度的換成rgba就是 color: rgba(255,255,255, .7);

css怎麼設定讓背景顏色透明,而文字不透明

8樓:匿名使用者

1、首先我們新建乙個html檔案,新增乙個div,設定寬度和高度,以及背景色填充為紅色。

2、然後在父級div中插入乙個子div,定義它的寬高,以及背景色。

3、然後我們新增乙個透明度的**(opacity:0.6)。

4、在圖層的上方,有個不透明度,我們把ps中圖層不透明度設定為60%。

5、把剛才的背景色和不透明度**刪除,換個**【background-color:rgba(255,255,255,0.6);】。

6、其中255,255,255就是ps中的拾色器裡的數值。

9樓:幻翼高達

需要準備的材料分別有:電腦、瀏覽器、html編輯器。

1、首先,開啟html編輯器,新建html檔案,例如:index.html,編寫問題基礎**。

2、在index.html中的標籤中,對「article」新增樣式:opacity: 0.5;,對「article p

」新增樣式:opacity: 1;。

3、瀏覽器執行index.html頁面,此時背景是50%透明度,但字型是不透明的。

10樓:網海1書生

article

article p

11樓:鰟鮍魚

背景和文字是兩個相鄰的盒子,不是巢狀關係

html background-color如何設定為透明

12樓:榪呭叕瀛愨槣

html background-color設定為透明的方法如下:

**內容

background是用於在乙個宣告中設定所有背景屬性的乙個簡寫屬性。

背景 (background) 屬性定義元素的背景效果

元素的背景區包括前景之下直到邊框邊界的所有空間。因此,內容框與內邊距都是元素背景的一部分,且邊框畫在背景上。

css 允許應用純色作為背景,也允許使用背景影象建立相當複雜的效果;css 在這方面的能力遠遠在 html 之上。

background 是用於在乙個宣告中設定所有背景屬性的乙個簡寫屬性。

格式: background:

繼承性: no

可能的值:

background-color

background-image

background-repeat

background-attachment

background-position

13樓:匿名使用者

前三個引數是顏色,後乙個是透明度,效果為白色背景透明。background-color: rgba(255,255,255,0.2);

14樓:宇遊的海角

background-color:transparent;

15樓:匿名使用者

1、設定背景色為rgba模式。前三個引數分別是紅綠藍的顏色;最後乙個引數是透明度,介於0-1之間:

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

2、你也可以直接在css中定義透明度屬性。

opacity:0.5;

16樓:匿名使用者

background=none

17樓:道聽圖說

filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;

在css中怎樣讓文字的背景色透明?

18樓:匿名使用者

設定元素的透

明度:-moz-opacity:0.8; /*在firefox中設定元素透明度

filter: alpha(opacity=80); /*ie使用濾鏡設定透明

但是當我們對乙個標籤設定背景的透明度時,往往我們並不希望該標籤上的文字**也變成半透明了。

例如:不透明

div可以很明顯的看出文字也被半透明的,這是我們不想看到的效果。

以前我曾經是絕對定位的方法解決這個問題,也就是現在的p並不是div的子元素。

不透明這樣div的半透明效果也就不會影響到元素p了。最後在將p定位到需要的位置。

但是很多時候這樣的標籤並不是很合理,有可能還會多浪費幾個標籤。

下面的這種方法就可以解決上面的問題了:

divdiv p/*實現ie文字不透明*/

在css中怎樣讓文字的背景色透明

19樓:育知同創教育

設定元素的透明度:

-moz-opacity:0.8; /*在firefox中設定元素透明度

filter: alpha(opacity=80); /*ie使用濾鏡設定透明

但是當我們對乙個標籤設定背景的透明度時,往往我們並不希望該標籤上的文字**也變成半透明了。

例如:不透明

div可以很明顯的看出文字也被半透明的,這是我們不想看到的效果。

以前我曾經是絕對定位的方法解決這個問題,也就是現在的p並不是div的子元素。

不透明這樣div的半透明效果也就不會影響到元素p了。最後在將p定位到需要的位置。

但是很多時候這樣的標籤並不是很合理,有可能還會多浪費幾個標籤。

下面的這種方法就可以解決上面的問題了:

divdiv p/*實現ie文字不透明*/

css在灰色透明的背景下,如何才能使上面的字的顏色為白色? 10

20樓:匿名使用者

樓主是對整個登入 div 設定了opacity,因此整個登入框都是半透明的。

其實只需要給這個白色background的登入框改一下background-color就可以了:

.login

21樓:我4蝸牛先生

透明背景不是元素透明度,只有設定了元素的透明度才會出現字型也會透明,所以顏色無論設為哪一種色彩都不是理想的。

常用灰色背景透明正確方法:

設定背景透明樣式  .bg,但是不支援ie低版本瀏覽器(ie8及以下);

設定背景**為半透明png**.bg,相容性較好,但是ie6瀏覽器下需要引用『ie6下png**透明外掛程式』(例如:dd_belatedpng)。

但是微軟已經宣布淘汰ie6瀏覽器,ie6已不再成為相容調節的主流。

22樓:匿名使用者

可以使用css rgba通道

例如一些文字

不要使用opacity來設定,因為這樣會減低div標籤整體的透明度,包括裡面的內容,

如果使用了rgba之後,字型顏色還是灰色(一般情況為背景顏色遮蓋了字型),請將字型置於頂層,用z-index屬性,

23樓:細雨意思

背景的圓角矩形用帶透明通道的rgba顏色代替opacity,opacity會自動繼承給子元素。

24樓:匿名使用者

分兩個層,乙個寫背景,乙個寫文字,用定位規定好位置

25樓:匿名使用者

灰色透明背景 白色的字,分為2個並列的層寫,使用css定位,白色文字寫在透明背景上面

26樓:漠小麗

background:rgba(0,0,0,0.6);這種灰色背景不會被子元素繼承。但是只支援高版本瀏覽器。

27樓:

你把字型設為白色不行麼...

28樓:gogo小腐女

可以把透明的背景做成一張png**

html中怎麼設定標題居中,HTML中怎麼設定標題居中

來自開心島有趣的白玉棠 html中設定標題居中的具體操作方法為 1 開啟html應用軟體,在文字編輯框中,輸入文字標題。2 在輸入好的標題前面加入 style text align center。3 之後即可成功將網頁的標題設定為居中位置。 言言言小魚 html標題居中可以用text align c...

HTML標籤中同td裡如何設定元件的橫向間距

有兩種方法 一 用css實現如下 button 二 用 nbsp 實現如下 提交?nbsp nbsp nbsp nbsp 重置注 把 去掉 css裡怎麼設定兩個td之間的橫向距離 請問 td 的橫向距離是要實現怎樣的效果?其實可以通過 td 設定 padding,而 td 不設定邊框,在 td 裡面...

html多行註釋如何實現,html如何單行和多行註釋呢

北漂碼農 html 的註釋是使用 標籤,它是支援多行註釋的,基本的用法如下 註釋標籤用於在源 中插入註釋,註釋不會顯示在瀏覽器中,也可使用註釋對 進行解釋,這樣做有助於在以後的時間對 的編輯,當編寫了大量 時尤其有用。工具原料 編輯器 瀏覽器 1 做一個多行的註釋以證明其支援多行的註釋,如下 這是一...