div est une balise couramment utilisée dans nos pages Web HTML. Son style par défaut est d'occuper une ligne distincte. Si vous créez un DIV, son style CSS doit être réaffecté. Les paramètres de style tels que la largeur et la hauteur des div, la taille de police interne et la couleur de la police doivent tous être implémentés via CSS.
En termes généraux, div est utilisé pour implémenter la mise en page, contrôler les styles de contenu et obtenir divers effets de mise en page.
Exemple d'utilisation de DIV, ici vous pouvez observer l'effet en définissant différents styles CSS sur le div.
Code source HTML complet de l'exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<title>div的用法在线演示 m.sbmmt.com</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>Il existe de nombreuses utilisations de DIV. Pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture connexe :
Comment écrire un texte d'ancrage en HTML
Quelles sont les fonctions des commentaires HTML
IE6 prend-il en charge le survol ?
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
