Maison > interface Web > Questions et réponses frontales > Quel est le code pour définir la transparence en HTML5

Quel est le code pour définir la transparence en HTML5

WBOY
Libérer: 2021-12-17 13:47:34
original
6372 Les gens l'ont consulté

En HTML5, le code pour définir la transparence est "style="opacity:transparency value"". L'attribut style est utilisé pour définir le style de l'élément. L'attribut opacity est utilisé pour définir le niveau d'opacité de l'élément. La valeur de l'attribut opacity est comprise entre 0 et 1, plus la valeur de transparence est petite, plus l'élément est transparent.

Quel est le code pour définir la transparence en HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

Quel est le code pour définir la transparence en html5 ?

L'attribut opacity définit le niveau d'opacité d'un élément. Le code est le suivant :

style="opacity:透明度值"
Copier après la connexion

L'attribut style est utilisé pour définir le style de l'élément. La valeur de l'attribut opacity est de 0 à 1. Plus la valeur de transparence est petite, plus l'élément est transparent.

L'exemple est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
<h1 style="opacity:0.5">设置透明度</h1>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Quel est le code pour définir la transparence en HTML5

Tutoriel recommandé : "Tutoriel vidéo html"

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal