Heim >Web-Frontend >HTML-Tutorial >So verwenden Sie DIV in HTML
So verwenden Sie DIV in HTML
- php中世界最好的语言Original
- 2017-11-22 17:51:098346Durchsuche
div ist ein häufig verwendetes Tag in unseren HTML-Webseiten. Sein Standardstil besteht darin, eine separate Zeile zu belegen. Wenn Sie ein DIV erstellen, muss sein CSS-Stil neu zugewiesen werden. Stileinstellungen wie Div-Breite und -Höhe, interne Schriftgröße und Schriftfarbe müssen alle über CSS implementiert werden.
Im Allgemeinen wird div verwendet, um das Layout zu implementieren, Inhaltsstile zu steuern und verschiedene Layouteffekte zu erzielen.
Anwendungsbeispiel für DIV. Hier können Sie den Effekt beobachten, indem Sie verschiedene CSS-Stile für das Div festlegen.
Vollständiger HTML-Quellcode des Beispiels:
<!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>Es gibt so viele Verwendungsmöglichkeiten von DIV. Weitere spannende Inhalte finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Verwandte Lektüre:
Wie schreibe ich Ankertext in HTML
Welche Funktionen haben HTML-Kommentare?
Das obige ist der detaillierte Inhalt vonSo verwenden Sie DIV in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!