當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > DIV+CSS > css padding-top頂部屬性

css padding-top頂部屬性

2012/11/26 15:48:19作者:佚名來源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

css padding-top頂部屬性

該CSS屬性用來設(shè)定上間隙的寬度。

【基本語法】

padding-top:length

【語法介紹】

該屬性生設(shè)置元素上內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的上內(nèi)邊距不會(huì)影響行高計(jì)算。因此,如果一個(gè)元素既有內(nèi)邊距又有背景,從視覺上看可能會(huì)延伸到其他行,有可能還會(huì)與其他內(nèi)容重疊。不允許指定負(fù)內(nèi)邊距值。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標(biāo)題文檔</title> <style type="text/css"> td {padding-top: 2cm} </style> </head> <body> <table border="1"> <tr> <td> 這個(gè)表格單元擁有上內(nèi)邊距。 </td> </tr> </table> </body> </html>

 

 

【代碼分析】

在代碼中,加粗部分的標(biāo)記用來設(shè)置上內(nèi)邊距,在瀏覽器中預(yù)覽效果,如圖所示。

頂部屬性padding—top運(yùn)行效果

 【素材及源碼下載】

請(qǐng)點(diǎn)擊:頂部屬性css padding-top 下載本實(shí)例相關(guān)素材及源碼

 

標(biāo)簽: css padding-top  頂部  屬性