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

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

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

css padding是一個簡寫屬性,定義元素邊框與元素內(nèi)容之間的空間,即上下左右的內(nèi)邊距;當元素的 padding內(nèi)邊距被清除時,所釋放的區(qū)域?qū)艿皆乇尘邦伾奶畛洌粏为毷褂胮adding屬性可以改變上下左右的填充。

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

說明:

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

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

屬性值:

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

length 規(guī)定以具體單位計的內(nèi)邊距值,比如像素、厘米等。默認值是 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">
這個表格單元的每個邊擁有相等的內(nèi)邊距。
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
這個表格單元的上和下內(nèi)邊距是 0.5cm,左和右內(nèi)邊距是 2.5cm。
</td></tr></table></body></html>

效果圖:

css中padding指的是什么意思

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

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

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

廣告

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

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