Maison > Article > interface Web > Comment définir la transparence des polices CSS ?
Comment définir la transparence des polices CSS ?
- 不言original
- 2018-10-30 15:27:3630026parcourir
Il existe de nombreux styles magnifiques qui peuvent être implémentés en CSS. Les styles définis par CSS rendront l'ensemble de la page Web très belle. L'article d'aujourd'hui vous présentera comment définir la transparence des polices en CSS. sur les pages Web.
Un nouvel attribut rgba a été ajouté en CSS3. L'attribut dit rgba est constitué des trois couleurs primaires R (rouge) G (vert) B (bleu) plus ALPHA (transparence). 🎜> Faisons-le ensuite Plus précisément, jetez un œil à la façon dont cet attribut rgba définit la transparence de la police.
Tout d'abord, il est très simple d'utiliser RGBA pour définir la transparence de la couleur d'arrière-plan. Jetons un bref coup d'œil à un exemple : (Recommandations associées :Comment définir la transparence de la couleur d'arrière-plan en CSS ? )
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.div{
background-color:rgba(220,38,38,0.2);
width:100px;
height:100px;
}
</style>
</head>
<body>
<div class="div">
我是文字
</div>
</body>
</html>L'effet de RGBA pour définir la transparence de la couleur d'arrière-plan est le suivant :
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.div{
background:red;
width:100px;
height:100px;
color:rgba(255,255,255,0.4)
}
</style>
</head>
<body>
<div class="div">
我是透明文字
</div>
</body>
</html>L'effet de la transparence de la police est le suivant :
Tutoriel vidéo CSS et Tutoriel vidéo CSS3 sur le site Web PHP chinois pour apprendre.
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!