• padding-top (上) 
  • padding-right (右) 
  • padding-bottom (下) 
  • padding-left (左)
padding: [上面留白值] [右邊留白值] [下面留白值] [左邊留白值]
padding:[上方與下方距離] [左方與右方距離]
padding:[上方距離] [左方與右方距離] [下方距離]
padding:[四個方位的距離];

<div style="background-color: #ffd78c; height: auto; line-height: 20px; font-size: 16px;">
<p>本文</p>
</div>
</div>


<div style="background-color: #deffff; text-align: left; font-size: 13px; padding: 10px 20px 50px 100px;">
<div style="background-color: #ffd78c; height: auto; line-height: 20px; font-size: 16px;">
<p>本文</p>
</div>
</div>

<div style="background-color: #deffff; text-align: left; font-size: 13px; padding: 10px 50px;">
<div style="background-color: #ffd78c; height: auto; line-height: 20px; font-size: 16px;">
<p>本文</p>
</div>
</div>

<div style="background-color: #deffff; text-align: left; font-size: 13px; padding-top: 30px ;">
<div style="background-color: #ffd78c; height: auto; line-height: 20px; font-size: 16px;">
<p>本文</p>
</div>
</div>

| css | html | background-color | background color | padding | padding 四個邊留白 |

arrow
arrow
    全站熱搜

    c8cc168 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄