Initial commit
This commit is contained in:
43
HTML/html-kurs/Basics/farben/farben.css
Normal file
43
HTML/html-kurs/Basics/farben/farben.css
Normal file
@@ -0,0 +1,43 @@
|
||||
#vordefiniert {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background-color: olivedrab;
|
||||
}
|
||||
|
||||
#hexadezimal {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background-color: #AF0F55;
|
||||
}
|
||||
|
||||
#RGB {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background-color: rgb(33, 77, 99);
|
||||
}
|
||||
|
||||
#RGBA {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background-color: rgba(94, 180, 199, 0.2);
|
||||
}
|
||||
|
||||
.hintergrund {
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
padding: 50px;
|
||||
box-sizing: border-box;
|
||||
background-color: rgb(40, 60, 80);
|
||||
}
|
||||
|
||||
#HSL {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background-color: hsl(167, 77%, 50%);
|
||||
}
|
||||
|
||||
#HSLA {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background-color: hsla(44, 33%, 53%, 0.5);
|
||||
}
|
||||
18
HTML/html-kurs/Basics/farben/farben.html
Normal file
18
HTML/html-kurs/Basics/farben/farben.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Farben</title>
|
||||
<link rel="stylesheet" type="text/css" href="farben.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="vordefiniert"></div>
|
||||
<div id="hexadezimal"></div>
|
||||
<div id="RGB"></div>
|
||||
<div class="hintergrund"><div id="RGBA"></div></div>
|
||||
<div id="HSL"></div>
|
||||
<div class="hintergrund"><div id="HSLA"></div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user