CSS隱藏的元素如何顯示出來
在css中，可以將display屬性值設置為block，實現把隱藏的元素顯示出來。下面小編舉例講解CSS隱藏的元素如何顯示出來。
東西/原料
- html+css
- 代碼編纂器：Dreamweaver CS5
方式/步調
- 1
新建一個html文件，定名為test.html，用于講解CSS埋沒的元素若何顯示出來。
- 2
在test.html文件內，利用p標簽建立兩行文字用于測試。
- 3
在test.html文件內，給第一個p標簽添加一個class屬性，屬性值為mytest，本家兒要用于經由過程該class設置p標簽的樣式。
- 4
在test.html文件內，編寫<style type="text/css"></style>標簽，頁面的css樣式將寫在該標簽內。
- 5
在css標簽內，經由過程class(mytest)設置p標簽的css樣式，將display屬性設置為none，實現p標簽內包庇藏不成見。
- 6
在埋沒的p標簽內，利用style設置p標簽的樣式 ，將display屬性設置為block，實現埋沒的p標簽顯示出來。
- 7
在瀏覽器打開test.html文件，查看實現的結果。
END
總結：
- 1
1、建立一個test.html文件。
2、在文件內，利用p標簽建立兩行文字。
3、在css中，將display屬性設置為none實現p元素埋沒不成見。
4、在p標簽內，將display屬性設置為block，實現將埋沒的p標簽內容顯示出來。
END
注重事項
- 標簽內的樣式界說優先于標簽外界說的樣式。
- 發表于 2020-03-04 19:00
- 閱讀 ( 940 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章