在HTML里DIV如何使用
發表時間:2023-12-25 來源:明輝站整理相關軟件相關文章人氣:
[摘要]div作為我們html網頁中常用的標簽,它的默認樣式是單獨占一行,如果創建一個DIV,那么其CSS樣式需要重新賦予。像div寬度、高度等樣式設置、內部字體大小、字體顏色這些,都是需要通過CSS來實現。通俗認識div,div作用就是實現布局、實現對內容樣式控制、實現各種各樣的布局效果。DIV的用法實...
div作為我們html網頁中常用的標簽,它的默認樣式是單獨占一行,如果創建一個DIV,那么其CSS樣式需要重新賦予。像div寬度、高度等樣式設置、內部字體大小、字體顏色這些,都是需要通過CSS來實現。
通俗認識div,div作用就是實現布局、實現對內容樣式控制、實現各種各樣的布局效果。
DIV的用法實例,這里通過對div設置不同CSS樣式,觀察其效果。
實例完整HTML源代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<title>div的用法在線演示 www.php.cn</title>
<style>
div{ margin-top:10px}/* css注釋說明:對div都設置上間距10px */
.div-1{font-size:16px}/* 設置css字體大小16px */
.div-2{color:#F00}/* 設置css字體顏色為紅色 */
.div-3{ background:#000; color:#FFF}/* 設置CSS背景顏色為黑色和字體顏色為白色 */
.div-4{ border:1px solid #F00; height:60px}/* 設置css邊框和CSS高度60px */
</style>
</head>
<body>
<div>普通內容一</div>
<div class="div-1">我字體大小為16px</div>
<div class="div-2">我字體顏色為紅色</div>
<div class="div-3">我背景為黑色字體為白色</div>
<div class="div-4">布局設置邊框和高度</div>
</body>
</html>
對DIV的使用就是這么多,更多精彩請關注php中文網其它相關文章!
相關閱讀:
html的錨文本怎么寫
html的注釋有什么作用
ie6支持hover嗎?
以上就是在HTML里DIV怎么使用的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。