padding left用法：padding-left:10px;  這個意思距離左邊補距10畫素，可跟百分比如（padding-left:10%;   距離左邊補10%的距離）；

padding right用法：padding-right:10px; 這個意思距離右邊補距10畫素，可跟百分比如（padding-right:10%; 距離右邊補10%的距離）；

padding top用法：padding-top:10px; 這個意思距離頂邊補距10畫素，可跟百分比如（padding-top:10%; 距離頂邊補10%的距離）；

padding bottom用法：padding-bottom:10px; 這個意思距離低邊補距10畫素，可跟百分比如（padding-bottom:10%; 距離底邊補10%的距離）；

注意padding中間的連結“ - ”號，設定距離值時用“ ： ”並賦予值，並以“ ； ”結束，並且全部用小寫半形字母。
如果是左右上下都需要設定padding的值時可以簡寫來實現，以優化css 。
如簡寫方式有：
padding:10px; 意思就是上下左右補丁距離就是10px（10畫素）等於padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; 一樣效果簡寫；
padding:5px 10px; 意思上下補丁距離為5px，左右的補丁距離為10px，等於padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; 一樣效果簡寫；
padding:5px 6px 7px; 意思上補丁距離5px，下補丁距離為7PX，左右補丁距離為6px，等於padding-top:5px; padding-bottom:7px; padding-left:6px; padding-right:6px; 一樣效果簡寫；
padding:5px 6px 7px 8px;  意思上補丁為5px，右補丁距離為6px ，下補丁距離為7px，左補丁距離8px，等於等於padding-top:5px; padding-right:6px; padding-bottom:7px; padding-right:8px; 一樣效果簡寫；