Comment définir la transparence des polices CSS ?-tutoriel CSS-php.cn

Comment définir la transparence des polices CSS ?

不言

Libérer： 2018-10-30 15:27:36

original

30072 Les gens l'ont consulté

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>

Copier après la connexion

L'effet de RGBA pour définir la transparence de la couleur d'arrière-plan est le suivant :

Comment définir la transparence des polices CSS ?

N'est-ce pas ce qui précède code très simple ? Alors comment pouvons-nous utiliser RGBA pour définir la transparence de la police ?

En fait, c'est très simple. Pour définir la transparence de la police, on peut définir l'attribut rgba de couleur.

Regardons un exemple spécifique de réglage de la transparence de la police RGBA :

<!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>

Copier après la connexion

L'effet de la transparence de la police est le suivant :

Comment définir la transparence des polices CSS ?