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:3630010parcourir

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 :

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>
L'effet de la transparence de la police est le suivant :

Comment définir la transparence des polices CSS ?

Cet article est partout ici. Pour du contenu connexe sur les paramètres de transparence en CSS, vous pouvez consulter les colonnes

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!

Déclaration:
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