成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

CSS padding用法揭秘

開發 前端
padding屬性是CSS用于在一個聲明中設置所有padding屬性的簡寫屬性,本文向大家介紹一下CSS padding用法,希望你會感興趣。

本文和大家重點討論一下CSS padding用法,Padding屬性包含了paddingleft:左補距離(設置距左內邊距);paddingtop:頭頂補距離(設置距頂部內邊距);paddingright:右補距離(設置距右內邊距);paddingbottom:底補距離(設置距低內邊距)。

CSS padding用法詳解

padding屬性是CSS用于在一個聲明中設置所有padding屬性的簡寫屬性。

Padding屬性包含了paddingleft:左補距離(設置距左內邊距);paddingtop:頭頂補距離(設置距頂部內邊距);paddingright:右補距離(設置距右內邊距);paddingbottom:底補距離(設置距低內邊距)。其二維構建圖可見CSS屬性二維圖。

padding的解剖圖

paddingleft用法:padding-left:10px;這個意思距離左邊補距10像素,可跟百分比如(padding-left:10%;距離左邊補10%的距離);

paddingright用法:padding-right:10px;這個意思距離右邊補距10像素,可跟百分比如(padding-right:10%;距離右邊補10%的距離);

paddingtop用法:padding-top:10px;這個意思距離頂邊補距10像素,可跟百分比如(padding-top:10%;距離頂邊補10%的距離);

paddingbottom用法:padding-bottom:10px;這個意思距離低邊補距10像素,可跟百分比如(padding-bottom:10%;距離底邊補10%的距離);

注意padding中間的鏈接“-”號,設置距離值時用“:”并賦予值,并以“;”結束,并且全部用小寫半角字母。


◆如果是左右上下都需要設置padding的值時可以簡寫來實現,以優化CSS。

如簡寫方式有:

padding:10px;意思就是上下左右補丁距離就是10px(10像素)等于padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;一樣效果簡寫;

padding:5px10px;意思上下補丁距離為5px,左右的補丁距離為10px,等于padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;一樣效果簡寫;

padding:5px6px7px;意思上補丁距離5px,下補丁距離為7PX,左右補丁距離為6px,等于padding-top:5px;padding-bottom:7px;padding-left:6px;padding-right:6px;一樣效果簡寫;

padding:5px6px7px8px;意思上補丁為5px,右補丁距離為6px,下補丁距離為7px,左補丁距離8px,等于等于padding-top:5px;padding-right:6px;padding-bottom:7px;padding-right:8px;一樣效果簡寫。

其中padding:5px6px7px8px;的轉法為順時針即圖:


padding的屬性轉法圖解

上面即是div+CSS網站總結的padding的屬性與用法。其中margin的用與padding相同。
 

【編輯推薦】

  1. DIV+CSS網頁錯位診斷和解決方法
  2. IE6.0對padding的解讀分析
  3. 揭露CSS中margins折疊現象內幕
  4. 七大CSS選擇符用法說明
  5. 技術分享 如何使用CSS控制超鏈接文字樣式

 

 

責任編輯:佚名 來源: divcss5.com
相關推薦

2010-08-24 08:47:20

paddingCSS

2010-08-23 15:33:47

CSSpadding

2010-08-23 08:45:08

CSSpadding內邊距

2010-08-25 13:33:55

CSSpadding

2010-08-20 14:58:26

CSSpadding

2010-08-30 11:34:32

csspadding

2010-08-24 16:35:19

paddingCSS

2010-08-25 13:54:29

CSStop

2010-08-23 13:40:46

CSSpadding-bot

2010-08-20 16:29:01

padding-lef

2010-08-23 09:16:21

CSSpadding-bot

2010-08-23 11:16:25

padding-lef

2010-08-23 09:11:18

padding-bot

2010-08-26 10:33:27

CSSborder

2010-08-24 08:56:22

CSSpadding

2010-09-08 11:06:49

CSSpaddingmargin

2010-08-25 08:57:33

marginpadding

2010-08-23 15:51:54

paddingmargin

2010-08-19 11:32:10

CSSpaddingmargin

2010-09-06 09:50:34

id選擇器CSS
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 亚洲综合第一页 | 操久久 | 亚洲精品日韩在线 | h视频免费在线观看 | 日本在线看| www.99热.com | 久久久久国产精品 | 91精品国产91久久久久久三级 | 亚洲国产精品久久久久婷婷老年 | 噜噜噜噜狠狠狠7777视频 | 国产福利免费视频 | 欧美视频二区 | 日韩在线视频一区 | 久久久久91 | 一级黄色短片 | 国产成人aⅴ | 羞羞网站在线观看 | 超碰超碰 | 精品1区2区 | 91色站| 国内精品伊人久久久久网站 | 日韩精品一区二区三区免费视频 | 日韩国产中文字幕 | 农夫在线精品视频免费观看 | 欧美综合一区二区三区 | 91精品久久久久久久久中文字幕 | 欧美 日韩 国产 一区 | 国产精品一区二区三区在线 | 天天射美女 | 精品入口麻豆88视频 | 蜜桃免费一区二区三区 | 日韩三级在线 | 影音先锋中文字幕在线观看 | 亚洲午夜在线 | 精品久久久久一区 | 日韩成人在线免费视频 | 天天干天天草 | 精品国产一区二区三区在线观看 | 欧美一a | 国产福利资源在线 | 国产精品a久久久久 |