日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
Padding屬性用法和作用

你對(duì)padding屬性的用法和作用是否了解,這里和大家分享一下,padding屬性又包括四個(gè)屬性padding-top、padding-right、padding-bottom、padding-left分別作用于上、右、下、左四邊。

目前創(chuàng)新互聯(lián)已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、成都網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計(jì)、廣平網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。

padding屬性

1、語(yǔ)法:padding:lenght

2、參數(shù):

(1)lenght:由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值或者百分?jǐn)?shù)。百分?jǐn)?shù)是基于父對(duì)象的寬度。請(qǐng)參閱長(zhǎng)度單位

3、說(shuō)明:

設(shè)置對(duì)象四邊的內(nèi)邊距。默認(rèn)值是0。

如果提供全部四個(gè)參數(shù)值,將按上、右、下、左的順序作用于四邊。

如果只提供一個(gè),將作用于全部的四邊。

如果提供兩個(gè),第一個(gè)作用于上、下,第二個(gè)作用于左、右。

如果提供三個(gè),第一個(gè)作用于上,第二個(gè)作用于左、右,第三個(gè)作用于下。

內(nèi)聯(lián)對(duì)象要使用該屬性,必須先設(shè)定對(duì)象的height或width屬性,或者設(shè)定position屬性為absolute。不允許負(fù)值。

內(nèi)邊距留白處總是透明的,并且設(shè)置內(nèi)邊距會(huì)直接影響對(duì)象的大小。

對(duì)應(yīng)的腳本特性為:padding。

4、示例:

 
 
 
  1.  
  2.  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3.  
  4.  
  5.  
  6. 無(wú)標(biāo)題文檔 
  7.  
  8. #left {  
  9.   float:left;  
  10.   margin:0 5px 0 0;  
  11.   width:230px;  
  12.   height:145px;  
  13.   padding:30px 0 0 40px;  
  14.   border:1px #000 solid;  
  15. }  
  16. #right {  
  17.   float:left;  
  18.   margin:0 0 0 5px;  
  19.   width:118px;  
  20.   height:118px;  
  21.   padding:10px 0 0 10px;  
  22.   border:1px #000 solid;  
  23. }  
  24.  #sub_right {  
  25.    float:left;  
  26.    border:1px #000 solid;  
  27.  }  
  28.  
  29.  
  30.  
  31.  
  32.  
  33. 這里是內(nèi)容,對(duì)象中的內(nèi)容到對(duì)象邊緣的距離是PADDING。  
  34. 寬為270像素,高為175像素。但因?yàn)樵O(shè)置了內(nèi)邊距的上為30px,  
  35. 左為40px所以,要想保持原大小寬就必須減去40px,高減去30px。  
 
  • 子對(duì)象
  •  
  •  
  •  
  • 5、提示

    (1)由實(shí)例可以看出,設(shè)置了padding屬性就相當(dāng)于增加了對(duì)象的大小。原寬270px,高175px,設(shè)置padding:30px 0 0 40px后對(duì)象的大小應(yīng)該是寬為310px,高為205px,要想保持原大小就必須減去相應(yīng)的寬高。所以,例子中對(duì)象的寬是270-40=230px,高是175-30=145px。

    (2)#right設(shè)置了padding:10px 0 0 10px,但其內(nèi)聯(lián)對(duì)象#sub_right的內(nèi)邊距并沒(méi)有發(fā)生變化,所以padding也是不具有繼承性的。

    padding屬性是可以分別設(shè)置的。

    padding-top、padding-right、padding-bottom、padding-left分別作用于上、右、下、左四邊。語(yǔ)法和參數(shù)和padding的設(shè)置相同。


    網(wǎng)頁(yè)標(biāo)題:Padding屬性用法和作用
    路徑分享:http://m.5511xx.com/article/cohcdeo.html