CSS er det sprog, vi bruger til at style et HTML-dokument.
CSS beskriver, hvordan HTML-elementer skal vises.
Denne tutorial vil lære dig CSS fra grundlæggende til avanceret.
Denne CSS-tutorial indeholder hundredvis af CSS-eksempler.
Med vores online editor kan du redigere CSS'en og klikke på en knap for at se resultatet.
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}Prøv det selv →
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>
</body>
</html>
Klik på knappen "Prøv det selv" for at se, hvordan det virker.
Lær af over 300 eksempler! Med vores editor kan du redigere CSS'en og klikke på en knappen for at se resultatet.
Gå til CSS-eksempler!
Vi anbefaler at læse denne vejledning i den rækkefølge, der er angivet i menuen.
Hvis du har en stor skærm, vil menuen altid være til stede til venstre.
Hvis du har en lille skærm, skal du åbne menuen ved at klikke på det øverste menuskilt ☰.
Vi har lavet nogle responsive W3.CSS-skabeloner, som du kan bruge.
Du kan frit ændre, gemme, dele og bruge dem i alle dine projekter.
Gratis CSS skabeloner!