Maison > Article > interface Web > Comment définir la transparence de la bordure en CSS
Comment définir la transparence de la bordure en CSS
- 青灯夜游original
- 2021-04-29 11:31:2916449parcourir
En CSS, vous pouvez définir la transparence de la bordure via l'attribut border-color et la fonction RGBA(). Ajoutez simplement le style "border-color: rgba (red, green, blue, transparent value)" à. l'élément de bordure. border-color peut définir la couleur de la bordure et RGBA() peut définir la transparence des couleurs.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
css définit la transparence de la bordure
En CSS, la transparence de la bordure peut être définie via l'attribut border-color et le RGBA( ) fonction.
Exemple de code :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
div{
border:10px solid;
margin: 10px 0;
}
</style>
</head>
<body>
<div style="border-color: rgba(0,153,0,0.1);">测试文本，透明度0.1</div>
<div style="border-color: rgba(0,153,0,0.5);">测试文本，透明度0.5</div>
<div style="border-color: rgba(0,153,0,0.8);">测试文本，透明度0.8</div>
<div style="border-color: rgba(0,153,0,1.0);">测试文本，透明度1.0</div>
</body>
</html>Rendu :
Explication :
l'attribut border-color peut être défini la couleur de la bordure et la fonction RGBA() peut définir la transparence des couleurs.
RGBA signifie (Rouge-Vert-Bleu-Alpha) qui est une extension de RVB pour inclure le canal "alpha", qui vous permet de définir la transparence sur les valeurs de couleur.
Syntaxe :
rgba（R,G,B,A）;
Introduction aux valeurs dans rgba() :
R : valeur rouge. Entier positif (0~255)
G : valeur verte. Entier positif (0~255)
B : valeur bleue. Entier positif (0~255)
A : Transparence. La valeur est comprise entre 0~1
(Partage vidéo d'apprentissage : tutoriel vidéo CSS)
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!