Comment définir les bordures HTML5

藏色散人
Libérer: 2021-04-12 10:27:15
original
2619 Les gens l'ont consulté
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 "
" ; .

Comment définir les bordures HTML5

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:右边
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal