明輝手游網(wǎng)中心：是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

在HTML里DIV如何使用

發(fā)表時(shí)間：2023-12-25 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]div作為我們html網(wǎng)頁中常用的標(biāo)簽，它的默認(rèn)樣式是單獨(dú)占一行，如果創(chuàng)建一個(gè)DIV，那么其CSS樣式需要重新賦予。像div寬度、高度等樣式設(shè)置、內(nèi)部字體大小、字體顏色這些，都是需要通過CSS來實(shí)現(xiàn)。通俗認(rèn)識div，div作用就是實(shí)現(xiàn)布局、實(shí)現(xiàn)對內(nèi)容樣式控制、實(shí)現(xiàn)各種各樣的布局效果。DIV的用法實(shí)...
div作為我們html網(wǎng)頁中常用的標(biāo)簽，它的默認(rèn)樣式是單獨(dú)占一行，如果創(chuàng)建一個(gè)DIV，那么其CSS樣式需要重新賦予。像div寬度、高度等樣式設(shè)置、內(nèi)部字體大小、字體顏色這些，都是需要通過CSS來實(shí)現(xiàn)。

通俗認(rèn)識div，div作用就是實(shí)現(xiàn)布局、實(shí)現(xiàn)對內(nèi)容樣式控制、實(shí)現(xiàn)各種各樣的布局效果。

DIV的用法實(shí)例，這里通過對div設(shè)置不同CSS樣式，觀察其效果。

實(shí)例完整HTML源代碼：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="gb2312" /> 
<title>div的用法在線演示 www.php.cn</title> 
<style> 
div{ margin-top:10px}/* css注釋說明：對div都設(shè)置上間距10px */ 
.div-1{font-size:16px}/* 設(shè)置css字體大小16px */ 
.div-2{color:#F00}/* 設(shè)置css字體顏色為紅色 */ 
.div-3{ background:#000; color:#FFF}/* 設(shè)置CSS背景顏色為黑色和字體顏色為白色 */ 
.div-4{ border:1px solid #F00; height:60px}/* 設(shè)置css邊框和CSS高度60px */ 
</style> 
</head> 
<body> 
<div>普通內(nèi)容一</div> 
<div class="div-1">我字體大小為16px</div> 
<div class="div-2">我字體顏色為紅色</div> 
<div class="div-3">我背景為黑色字體為白色</div> 
<div class="div-4">布局設(shè)置邊框和高度</div> 
</body> 
</html>

對DIV的使用就是這么多，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

html的錨文本怎么寫

html的注釋有什么作用

ie6支持hover嗎？

以上就是在HTML里DIV怎么使用的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。