今天小編給大家分享的是css設置內邊距的方法，相信很多人都不太了解，為了讓大家更加了解，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。

創(chuàng)新互聯公司主要從事網頁設計、PC網站建設（電腦版網站建設）、wap網站建設（手機版網站建設）、成都響應式網站建設公司、程序開發(fā)、網站優(yōu)化、微網站、小程序設計等，憑借多年來在互聯網的打拼，我們在互聯網網站建設行業(yè)積累了豐富的網站制作、成都網站建設、網站設計、網絡營銷經驗，集策劃、開發(fā)、設計、營銷、管理等多方位專業(yè)化運作于一體。

在css中，可以使用padding屬性設置內邊距，只需要給元素設置“padding:數值+單位|百分比數值”即可。padding屬性設置元素所有內邊距的寬度，或者設置各邊上內邊距的寬度。padding屬性不允許指定負邊距值。

我們來看一下設置padding（內邊距）的方法：

我們的內間距是屬于css盒模型之中的一種，那么現在我們來看看內間距都是怎么設置的吧。

padding： 是一個簡寫屬性，可以設置一個聲明中的所有內邊距屬性。

單獨使用 padding 屬性可以改變上下左右的填充。

可能的值：

length：定義一個固定的填充(像素, pt, em,等)

%：使用百分比值定義一個填充

用法：

padding-left 設置對象距離左邊的邊距補白間隔

div{padding-left:5px}

對象內距離左邊補白間距為5px

padding-right 設置對象距離右邊的邊距補白間隔

div{padding-right:5px}

對象內距離右邊補白間距為5px

padding-top 設置對象距離上邊的邊距補白間隔

div{padding-top:5px}

對象內距離上邊補白間距為5px

padding-bottom 設置對象距離下邊的邊距補白間隔

div{padding-bottom:5px}

對象內距離下邊補白間距為5px

說明

檢索或設置對象四邊的補丁邊距。

如果提供全部四個參數值，將按上－右－下－左的順序作用于四邊。

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

如果提供兩個，第一個用于上－下，第二個用于左－右。

如果提供三個，第一個用于上，第二個用于左－右，第三個用于下。

內聯對象要使用該屬性，必須先設定對象的height或width屬性，或者設定position屬性為absolute。

Padding的值不能為負值。

實例：

    
        
         
    

    
        padding用法