HTML、CSS、DIV是網頁中常用的標簽和樣式，下面是一個包含完整HTML、CSS和DIV代碼的示例：
<!DOCTYPE html>
<html>
<head>
<title>HTML DIV CSS Demo</title>
<style>
/*CSS樣式*/
.container {
width: 80%;
margin: 0 auto;
background-color: #fff;
padding: 20px;
}
.header {
text-align: center;
font-size: 32px;
color: #333;
}
.content {
font-size: 18px;
line-height: 1.5;
color: #333;
}
.footer {
text-align: center;
font-size: 16px;
color: #666;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<header class="header">HTML DIV CSS Demo</header>
<p class="content">這是一個包含HTML、CSS、DIV代碼的簡單示例。</p>
<footer class="footer">?2021 HTML DIV CSS Demo</footer>
</div>
</body>
</html>代碼中的 <div class="container"> 標簽定義了一個容器，其寬度為頁面的80%，并在頁面水平居中顯示。它的背景色為白色，并增加了20像素的內邊距。此外，它包含了頭部、內容和尾部三個 <div> 標簽。
頭部 <div class="header"> 標簽使用了居中對齊、32像素的字體大小和黑色字體樣式。
內容 <p class="content"> 標簽只是使用了18像素的字體大小和1.5倍的行距。
尾部 <div class="footer"> 標簽只是使用了居中對齊、16像素的字體大小和灰色字體樣式。此外，還增加了20像素的上邊距。
通過這些 DIV 和 CSS 的組合使用，可以輕松地構建出漂亮的網頁，給訪問者更好的用戶體驗。
上一篇css兩行垂直居中