Maison > Article > interface Web > Comment définir les bordures HTML5
Comment définir les bordures HTML5
- 藏色散人original
- 2021-04-12 10:26:512610parcourir
Comment définir la bordure html5 : créez d'abord un exemple de fichier HTML ; puis créez un div avec un code tel que "3c395d7febb2ac971833ed5ea4c77c4f16b28748ea4df4d9c2150843fecfba68" ; .
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
Paramètres de bordure HTML5 (bordure)
Style de bordure :
ligne continue pleine pointillée ligne pointillée pointillée double ligne double incrustation effet tridimensionnel
La bordure a 3 éléments, l'utilisation est border-top:10px solid red;
border-top:上边 border-bottom:下边 border-left:左边 border-right:右边
Exemple :
CSS dessine un triangle,
CSS2 Introduction de la valeur de couleur de bordure transparente. Cette valeur est utilisée pour créer une bordure invisible avec une largeur. Veuillez consulter l'exemple ci-dessous :
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>透明边框</title>
<style>
body{
background:#333300;
}
#a{
width:0px;
height:0px;
border-top:30px solid red;
border-bottom:30px solid transparent;
border-left:30px solid transparent;
border-right:30px solid transparent;
}
</style>
</head>
<body>
<div id=a></div>
</body>
</html>L'avantage de définir une bordure transparente est que si l'arrière-plan de la page n'est pas blanc, la bordure ne sera pas visible après avoir défini la bordure transparente. La méthode normale consiste à définir. la couleur de la bordure est blanche. Si l'arrière-plan n'est pas blanc mais d'une autre couleur, vous pouvez voir une zone blanche exposée.
[Apprentissage recommandé : Tutoriel vidéo HTML]
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!