CSS中的padding-bottom屬性怎么使用

這篇文章主要講解了“CSS中的padding-bottom屬性怎么使用”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“CSS中的padding-bottom屬性怎么使用”吧！

padding-bottom屬性

設(shè)置要在指明的對(duì)象邊框與內(nèi)容之間插入的間距量。

語法

{  padding-bottom:  sPadding  }

可能的值

◆sPadding

一個(gè)變量，用于指定或接收下列值之一：

◆length

浮點(diǎn)數(shù)，后跟絕對(duì)單位指示符（cm、mm、in、pt或pc）或相對(duì)單位指示符（em、ex或px）。

有關(guān)支持的長(zhǎng)度單位的詳細(xì)信息，請(qǐng)參閱長(zhǎng)度單位參考。

◆percentage

整數(shù)，后跟百分號(hào)(%)。此值為占父對(duì)象寬度的百分比。

對(duì)于所有對(duì)象，該屬性的默認(rèn)值均為0，并且該屬性不會(huì)被繼承。

注解

不允許為負(fù)值。

示例

以下示例使用padding-bottom屬性來更改對(duì)象的填充。本示例使用TD元素作為內(nèi)嵌樣式表中的選擇器，將所有表格單元格的頂部填充設(shè)置為1厘米：

<style> td{padding-bottom:1cm;}  </style>

本示例使用內(nèi)聯(lián)腳本在onmouseover事件發(fā)生時(shí)將單元格的頂部填充設(shè)置為1厘米：

<tdonmouseovertdonmouseover="this.style.paddingTop='1cm'  "onmouseout="this.style.paddingTop=''"> <imgsrcimgsrc="sphere.jpg"> </td>

標(biāo)準(zhǔn)信息

此屬性在CascadingStyleSheets(CSS),Level1(CSS1)（級(jí)聯(lián)樣式表(CSS)，第1級(jí)(CSS1)）中定義。

應(yīng)用于

A、ABBR、ACRONYM、ADDRESS、APPLET、B、BDO、BIG、BLOCKQUOTE、BODY、BUTTON、CAPTION、CENTER、CITE、CODE、COL、COLGROUP、CUSTOM、DD、DEFAULTS、DEL、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FONT、FORM、FRAME、HN、HR、I、IMG、INPUTTYPE=BUTTON、INPUTTYPE=CHECKBOX、INPUTTYPE=FILE、INPUTTYPE=IMAGE、INPUTTYPE=PASSWORD、INPUTTYPE=RADIO、INPUTTYPE=RESET、INPUTTYPE=SUBMIT、INPUTTYPE=TEXT、INS、LI、NEXTID、OBJECT、OL、P、Q、RT、RUBY、S、SELECT、SPAN、SUB、TD、TH、TT、U、UL、VAR、XMP

感謝各位的閱讀，以上就是“CSS中的padding-bottom屬性怎么使用”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)CSS中的padding-bottom屬性怎么使用這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！