CSS中內邊距padding的使用詳解
CSS在前端網頁的建造中占著舉足輕重的地位，對CSS的熟悉水平直接影響著網頁建造的快慢和頁面結果的實現。下面介紹CSS中內邊距padding的利用。
方式/步調
- 1
新建一個HTML文件，定名為test.html，用于講解內邊距padding的利用。
- 2
為了展示設置內邊距后的較著結果，在test.html內編寫一個帶紅色邊框的div，并在div內界說一個p標簽，對p標簽內邊距進行設置。
- 3
設置p標簽的下內邊距。經由過程padding-bottom來設置，設置的值越大，下內邊距就越大，常用的單元有px，rem，cm。
- 4
設置p標簽的上內邊距。經由過程padding-top來設置，設置的值越大，上內邊距就越大，常用的單元有px，rem，cm。
- 5
設置p標簽的左內邊距。經由過程padding-left來設置，設置的值越大，左內邊距就越大，常用的單元有px，rem，cm。
- 6
設置p標簽的右內邊距。經由過程padding-right來設置，設置的值越大，右內邊距就越大，常用的單元有px，rem，cm。
- 7
內邊距padding還可以一次性對上下擺布的內邊距進行設置，設置的挨次是固心猿意馬的，挨次為上內邊距，右內邊距，下內邊距，左內邊距。
- 發表于 2019-07-31 06:09
- 閱讀 ( 725 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章