Maison > Article > interface Web > Comment définir la transparence des polices CSS ?
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 : 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 : 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!