選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP 如何 W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA 生成式 AI SCIPY AWS 網路安全 資料科學
     ❯   

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> 元素

示例

div {
  display: block;
}
自己動手試一試 »

×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援