html學習筆記(一)div的透明設定

2022-04-29 11:12:16 字數 916 閱讀 2626

要使得div的透明度設定,有兩種方法。

第一種:使用opacity屬性,單詞的意思是不透明性,你可以設定它的值,範圍是0到1,1為不透明,0為全透明。具體使用如下:

css**:

#div01

body裡面的**:

注意:這種方法會使得div中的所有內容都變得透明度一樣,如果你設定全透明,則div中的字型也會變得全透明從而看不到。

第二種方法:

使用background:rgba(x1, x2, x3, x4);x1,x2,x3分別為顏色的三個基本資料。x4位不透明度,範圍為0到1,如果設為1,則不透明,設為0則全透明。

css**:

#div01

html**:

<

div

id="div01"

>

asdasjdkahsdkahdklashdlksa

div>

注意:這個設定的透明度就只有div的背景透明,而div中的字型不會跟著變。如果你設定為全透明,但是div中的字型卻不會變得透明。

html前端學習四 div

div盒子 div主要用來裝其他元素,單獨對div進行css樣式或布局,預設佔據一行,沒有給寬度會撐開這一行,與p標籤相同 有預設的寬度,自動將盒子撐到最大的寬度 預設的高度為0,不給高沒有任何效果 和p元素相似,前後元素都會被換行 被稱為 塊級元素 塊級元素特點 html顯示時 前後元素會被換行 ...

HTML學習筆記 一

1.什麼是html?html是用來描述網頁的一種語言。html指的是超文字標記語言,不是一種程式語言,而是一種標記語言 markup language 標記語言室一套標記標籤,html使用標記標籤來描述網頁。2.html標籤?html標記標籤通常被稱為html標籤 html tag html標籤通常...

HTML 學習筆記(一)

hello world html 標題 heading 是通過this is heading 4 this is heading 5 this is heading 6 請僅僅把標題標籤用於標題文字。不要僅僅為了產生粗體文字而使用它們。請使用其它標籤或 css 代替。html 段落是通過 標籤進行定...