【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還可以一次性對上下擺布的內邊距進行設置 ， 設置的挨次是固定的 ， 挨次為上內邊距 ， 右內邊距 ， 下內邊距 ， 左內邊距 。
猜你喜歡
- 使用火狐瀏覽器開發者工具來調試html或者css
- html+css如何實現文字環繞圖片的效果
- 六堡茶加工過程中內含成分的變化
- Word、Excel怎么設置打印頁邊距
- word中頁面邊距的設置
- word2007如何設置打印頁邊距設置
- HTML里的CSS和JS的代碼怎么插入
- css盒模型設置什么屬性可以顯示背景
- css 設置圖片根據分辨率拉伸
- css文字居中之后第二行怎么靠左邊