文档中使用 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>
元素前后放置一个换行符。
Element |
|
|
|
|
|
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
<div>
标签支持 HTML 中的全局属性。
<div>
标签支持 HTML 中的事件属性。
HTML tutorial: HTML Block and Inline Elements
大多数浏览器将显示具有以下默认值的 <div>
元素:
div {
display: block;
}