kenikavanbis
Terugkerende gebruiker
- Lid geworden
- 22 mei 2007
- Berichten
- 2.120
En als je nog een voorbeeldje wil heb je style in body voorbeeld
Code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="" />
<title>Untitled 6</title>
</head>
<body>
<style>
/*<<<<//RGB rood #FF0000 Groen#00FF00 Blue #0000FF>>>>>*/
.nentegel{
display: inline;width: 100px; height: 100px;
}
.blauw{
background-color: #0000FF;
}
.rood{
background-color: #FF0000;
}
#rood{
width: 500px; height: 100px;background-color: #FF9900;
}
p.ex1 {
border: 1px solid black;
outline-style: solid;
outline-color: red;
}
.grid-container {
display: grid;
grid-template-columns: auto auto auto auto;
grid-gap: 50px;
background-color: #2196F3;
padding: 10px;
}
.grid-container > div {
background-color: rgba(255, 255, 255, 0.8);
text-align: center;
padding: 20px 0;
font-size: 30px;
}
table, td, th {
border: 1px solid black;
}
table {
border-collapse: collapse;
width: 100%;
}
th {
text-align: left;
}
</style>
<title>(Type a title for your page here)</title>
</head>
<body>
<div class="nentegel blauw">test1</div>
<div class="nentegel blauw">test2</div>
<div class="nentegel blauw">test3</div>
<div class="blauw">test4</div>
<div class="nentegel rood">test1</div>
<div class="nentegel rood">test2</div>
<div class="nentegel rood">test3</div>
<div class="rood">test4</div>
<div id="rood">test5</div>
<p style="background: blue; color: blue;Font-family:arial; background-color: red;font-weight: bold; text-align:center;">1. Onthoud dat grote liefde en groot succes, grote risico's met zich brengen.</p>
<p style="background: blue; color: purple;font-size: 6"> Wanneer je verliest, verlies dan niet tegelijkertijd de les die je ervan hebt geleerd.</caption></p>
<div class="grid-container"><div class="item1">3 Heb respect voor jezelf, respect voor anderen en neem verantwoordelijkheid voor je daden. </div></div><br>
<tr><th align="right"></th> 4. Onthoud dat niet krijgen wat je wilt soms het beste is wat je kon overkomen.</th></tr>
<p class="ex1">5. Ken de regels tot in extenso, zodat je weet hoe je ze het beste kunt overtreden.</p><br> <br>
6. Laat een kleine onenigheid niet een mooie vriendschap verpesten.<br> </p>
<p style="color: silver-size: 50px;">7. Wanneer je beseft dat je een fout hebt gemaakt, neem dan onmiddellijk actie om die te herstellen.<br> </p>
<p style="color: gray; font-size: 60px;">8. Neem elke dag tijd voor jezelf.<br> </p>
<p style="color: red; font-size: 70px;">9. Sta open voor verandering, maar raak je normen en waarden niet kwijt </p>
<div style="background-color:blue;color:white;padding:2%;">10. Onthoud dat zwijgen soms het beste antwoord is.</div>
<div style="background-color:purple;color;white;padding:5%;">11. Leid een zodanig waardig leven dat wanneer je oud bent en terugkijkt je er opnieuw van kunt genieten.</div><br>
<b>12. Een liefdesvolle sfeer in je huis legt de basis voor je leven</b><br>
<u>13. Beperk je in meningsverschillen met geliefden tot het heden : Rakel het verleden nimmer op.</u><br>
<i>14. Laat mensen delen in je wijsheid. <br> Het is dé manier om onsterfelijk te worden.</i><br>
<font face="cursive">15. Behandel de aarde goed</font><br>
<font face="arial"color="blue">16. Gá één keer per jaar ergens heen waar je nog nooit bent geweest.</font><br>
<font face="helvetica">17. Onthoud dat in de beste relatie je meer van elkaar houdt <br>
dan dat je elkaar nódig hebt.<br>
<font face="fantasy">18. Meet de grootte van je succes af aan wat je ervoor hebt moeten opgeven.</font><br>
<font size="5" color="green">19. Benader de liefde en het koken met roekeloze uitbundigheid.</font><br>
<font size="20" color="green">20. Ga lief met elkaar om.</font><br>
</body>
</html>