css中padding指的是什么意思-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)css中padding指的是什么意思的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

創(chuàng)新互聯(lián)于2013年開(kāi)始，先為路橋等服務(wù)建站，路橋等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為路橋企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

css padding是一個(gè)簡(jiǎn)寫屬性，定義元素邊框與元素內(nèi)容之間的空間，即上下左右的內(nèi)邊距；當(dāng)元素的 padding內(nèi)邊距被清除時(shí)，所釋放的區(qū)域?qū)?huì)受到元素背景顏色的填充；單獨(dú)使用padding屬性可以改變上下左右的填充。

padding屬性是一個(gè)簡(jiǎn)寫屬性，在一個(gè)聲明中設(shè)置所有內(nèi)邊距屬性，也可以設(shè)置各邊內(nèi)邊距的寬度。不允許使用負(fù)值。

說(shuō)明：

這個(gè)簡(jiǎn)寫屬性設(shè)置元素所有內(nèi)邊距的寬度，或者設(shè)置各邊上內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的內(nèi)邊距不會(huì)影響行高計(jì)算；

因此，如果一個(gè)元素既有內(nèi)邊距又有背景，從視覺(jué)上看可能會(huì)延伸到其他行，有可能還會(huì)與其他內(nèi)容重疊。元素的背景會(huì)延伸穿過(guò)內(nèi)邊距。不允許指定負(fù)邊距值。

屬性值：

auto 瀏覽器計(jì)算內(nèi)邊距。

length 規(guī)定以具體單位計(jì)的內(nèi)邊距值，比如像素、厘米等。默認(rèn)值是 0px。

% 規(guī)定基于父元素的寬度的百分比的內(nèi)邊距。

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
td.test1 {
padding: 1.5cm
}
td.test2 {
padding: 0.5cm 2.5cm
}
</style>
</head>
<body>
<table border="1">
<tr>
<td class="test1">
這個(gè)表格單元的每個(gè)邊擁有相等的內(nèi)邊距。
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
這個(gè)表格單元的上和下內(nèi)邊距是 0.5cm，左和右內(nèi)邊距是 2.5cm。
</td></tr></table></body></html>

效果圖：

css中padding指的是什么意思

感謝各位的閱讀！關(guān)于“css中padding指的是什么意思”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

當(dāng)前名稱：css中padding指的是什么意思-創(chuàng)新互聯(lián)
當(dāng)前鏈接：http://bm7419.com/article0/cdgeoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、服務(wù)器托管、電子商務(wù)、動(dòng)態(tài)網(wǎng)站、網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)