<div style="padding: 10px;">

在前端開發中，我們經常會使用<div>標簽來創建頁面的布局，以及使用style屬性來為元素添加樣式。其中，padding屬性用于設置元素的內邊距，常用于調整元素內部內容與元素邊界之間的距離。

padding屬性可以使用不同單位的值，如像素(px)、百分比(%)、em、rem等。通過設置padding屬性，我們可以實現各種不同的布局效果。

</div>
<div style="padding: 20px;"> 示例1：

<div style="padding: 20px;">
<p>這是一個帶有20px內邊距的div元素</p>
</div>

</div>
<div style="padding: 0px 30px;"> 示例2：

<div style="padding: 0px 30px;">
<p>這是一個左右內邊距為30px，上下內邊距為0px的div元素</p>
</div>

</div>
<div style="padding: 10% 5%;"> 示例3：

<div style="padding: 10% 5%;">
<p>這是一個上下內邊距為10%，左右內邊距為5%的div元素</p>
</div>

</div>
<div style="padding: 1em;"> 示例4：

<div style="padding: 1em;">
<p>這是一個帶有1em內邊距的div元素</p>
</div>

</div>

通過調整padding屬性的值，我們可以輕松地修改頁面元素的內邊距，從而實現不同的布局效果。同時，還可以將多個div元素嵌套使用，通過設置不同的padding值，實現更加復雜的布局。

需要注意的是，設置較大的padding值可能會影響頁面的整體布局，導致元素之間的間距過大，因此在使用padding屬性時，需要根據實際需求進行合理的調整。