NemProgrammering.dk logo
3 måneders gratis webhotel til alle NemProgrammering.dk brugere! Få din UnoEuro Rabatkode her
UnoEuro rabatkode

Opacitet i CSS

CSS kursus | Lær CSS for begyndere
WordPress hjemmeside hjælp

Information om denne video

Underviser: Thomas Iversen, A-kasse priser

I denne video skal vi arbejde med Opacitet i CSS. Man bruger egenskaben opacitet til at bestemme gennemsigtigheden på ens element. Vi skal således i denne videolektion se, hvordan vi kan gøre f.eks. et billede eller en baggrundsfarve gennemsigtig med opacitet-egenskaben.

Video tags:

Denne video relaterer til emner såsom: CSS kursus for begyndere, CSS guides, Lær CSS fra bunden, CSS video-tutorials, introduktion til CSS, navigationsbar med CSS.

Her har du kildekoden

<!DOCTYPE html>
<html>
<head>
  <title>Lektion 17</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" type="text/css" href="Lektion17.css">
</head>
<body>
<div class="imgdiv">
  <div class="box">Dette er en tekst</div>
</div>
</body>
</html>
        

Her har du kildekoden

.imgdiv {
  width: 500px;
  height: 500px;
  background-image: url(500x500.jpg);
}
.box {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  background-color: #ffffff;
  opacity: 0.7;
  padding: 60px;
}   
 

Spørgsmål og kommentarer

Har du spørgsmål eller kommentarer? Så skriv herunder! Alternativt kan du kontakte os på vores forum, hvor en masse hjælpsomme personer sidder klar ved tasterne.

Url´er bliver automatisk omdannet til links (nofollow).

Vær den første til at skrive en kommentar!