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

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

新聞中心

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

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

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

padding屬性

1、語法:padding:lenght

2、參數(shù):

(1)lenght:由浮點數(shù)字和單位標識符組成的長度值或者百分數(shù)。百分數(shù)是基于父對象的寬度。請參閱長度單位

3、說明:

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

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

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

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

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

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

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

對應的腳本特性為:padding。

4、示例:

 
 
 
  1.  
  2.  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3.  
  4.  
  5.  
  6. 無標題文檔 
  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)容,對象中的內(nèi)容到對象邊緣的距離是PADDING。  
  34. 寬為270像素,高為175像素。但因為設置了內(nèi)邊距的上為30px,  
  35. 左為40px所以,要想保持原大小寬就必須減去40px,高減去30px。  
 
  • 子對象
  •  
  •  
  •  
  • 5、提示

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

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

    padding屬性是可以分別設置的。

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


    當前標題:Padding屬性用法和作用
    分享地址:http://www.5511xx.com/article/cohcdeo.html