HTML5 div屬性介紹

HTML5中的div標簽是用來創建一個容器，用來放置其他HTML元素，可以通過給div添加屬性來進行樣式的修改。

HTML5 div常用的屬性

下面是一些常用的HTML5 div屬性：

div {
background-color: #F5F5DC;
width: 50%;
height: 200px;
border: 1px solid black;
margin: 0 auto;
padding: 20px;
}

這段CSS代碼將把div的背景設為#F5F5DC（米色），寬度設置為頁面寬度的一半，高度設置為200px，邊框為1px黑色，水平居中，上下內邊距均為20px。

HTML5 div屬性的應用實例

下面是一個簡單的HTML代碼示例，用來演示如何使用div屬性來進行樣式的修改：

<div class="mydiv">
<p>這是一個使用div屬性的段落</p>
</div>
<style>
.mydiv {
background-color: #F5F5DC;
width: 50%;
height: 200px;
border: 1px solid black;
margin: 0 auto;
padding: 20px;
}
</style>

運行這段代碼可以得到一個背景為#F5F5DC（米色）的div容器，容器內部有一個段落元素，段落的文本內容是“這是一個使用div屬性的段落”。

總結

HTML5的div屬性是用來創建一個帶樣式的容器的，通過CSS代碼對div進行樣式的修改即可實現各種不同的展示效果。