Maison >interface Web >tutoriel CSS >Comment créer une nouvelle boîte avec une bordure pleine rouge
Comment créer une nouvelle boîte avec une bordure pleine rouge
- 云罗郡主avant
- 2018-11-14 16:09:303732parcourir
Le contenu de cet article explique comment créer une nouvelle boîte avec une bordure pleine et une boîte rouge. Elle a une certaine valeur de référence. J'espère que ce sera le cas. utile pour vous.
Créez une nouvelle boîte avec une bordure unie en tant que boîte rouge, une instance DIV+CSS, et utilisez le logiciel d'édition pour créer une nouvelle instance d'objet avec une bordure rouge. [Lecture recommandée : Comment ajouter un style de bordure à un tableau CSS ? Résumé des styles de bordure de tableau CSS (avec exemples complets )]
Afin d'observer l'effet, définissez un style de hauteur et de largeur CSS pour la boîte, et donnez-lui un style de bordure CSS rouge. Parallèlement, par souci de compatibilité, le logiciel DW est toujours utilisé pour créer cette instance.
Description de l'instance, nous nommons cette instance css ".php1" et utilisons la référence de classe en html. La largeur CSS est de 380 px, la hauteur CSS est de 200 px et il y a une bordure solide avec une largeur de bordure de 2 px.
Syntaxe de base de la bordure :
Bordure : bordure Accédez au didacticiel de bordure CSS
L'exemple de code HTML complet est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>新建边框实例</title>
<style>
.php1{ width:380px; height:200px; border:2px solid #F00}
</style>
</head>
<body>
<div class="php1">我宽度为380px 高度200px 边框2px红色</div>
</body>
</html>L'aperçu est la suivante :
Ce qui précède est l'introduction complète sur la façon de créer une nouvelle boîte avec une bordure unie et une boîte rouge Si vous voulez en savoir plus sur Tutoriel CSS3, veuillez faire attention au site Web PHP chinois.
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!