So legen Sie die Farbtransparenz in CSS fest-CSS-Tutorial-php.cn

Heim

Web-Frontend

CSS-Tutorial

So legen Sie die Farbtransparenz in CSS fest

May 19, 2021 pm 03:36 PM

css 透明度颜色

Die Möglichkeit, die Farbtransparenz in CSS festzulegen, besteht darin, dem angegebenen Element das Opazitätsattribut hinzuzufügen und die entsprechende Opazität festzulegen, z. B. [opacity:0.5;], was bedeutet, dass das Element auf halbtransparent gesetzt wird.

So legen Sie die Farbtransparenz in CSS fest

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Das Opazitätsattribut kann verwendet werden, um die Transparenz des Hintergrunds des Elements festzulegen. Es erfordert einen Wert zwischen 0 und 1.

0 bedeutet vollständig transparent (Deckkraft: 0);

1 bedeutet vollständig undurchsichtig (Deckkraft: 1);

Syntax:

rrree

Attributwert:

1	`opacity: value\|inherit;`

Nach dem Login kopieren

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>opactity</title>
    <style>
    .box1{
                position:relative;
        width:200px;height:200px;
        background-color: #00f;
    }
         .box2{
              position:absolute;
              top:80px;
              left:80px;
              width:200px;
              height:200px;
              background-color:#0f0;
       }
       .box3{
             position:relative;
              width:200px;
              height:200px;
              background-color:#f00;
              z-index:1;
}
</style>
</head>
<body>
    <div></div>
       <div></div>
       <div></div>
</body>
</html>

Nach dem Login kopieren

Sehen wir uns den laufenden Effekt an:

So legen Sie die Farbtransparenz in CSS fest Ähnliche Videos Teilen:

CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die Farbtransparenz in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn