HTML <div> 標籤
示例
使用 CSS 樣式化的文件中的 <div> 區域
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>這是一個 div 元素中的標題</h2>
<p>這是一個 div 元素中的一些文字。</p>
</div>
</body>
</html>
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
<div>
標籤定義 HTML 文件中的一個分割槽或一個區域。
<div>
標籤用作 HTML 元素的容器 - 然後用 CSS 樣式化或用 JavaScript 操作。
<div>
標籤透過使用 class 或 id 屬性可以輕鬆樣式化。
任何型別的內容都可以放在 <div>
標籤內!
注意:預設情況下,瀏覽器總是在 <div>
元素之前和之後放置一個換行符。
瀏覽器支援
元素 | |||||
---|---|---|---|---|---|
<div> | 是 | 是 | 是 | 是 | 是 |
全域性屬性
<div>
標籤還支援 HTML 中的全域性屬性。
事件屬性
<div>
標籤還支援 HTML 中的事件屬性。
相關頁面
HTML 教程:HTML 塊級和內聯元素
HTML 教程:HTML 佈局
HTML DOM 參考:Div 物件
預設 CSS 設定
大多數瀏覽器將以以下預設值顯示 <div>
元素