Back to frontpage
Hét vraag- en antwoordplatform van Nederland

Mijn boxes in html zijn erg scherp aan de zijkant, hoe maak je die boxes aan de zijkant rond?




Box






fdsfdsf


fdafdsfa


fdasfdsaf






#alles {
height: 500px;
width: 500px;
border: 1px solid #000;
}

.top {
height: 30px;
width: 500px;
border: 1px solid #000;
}

.midden {
height: 300px;
width: 500px;
border: 1px solid #000;
}

.beneden {
height: 30px;
width: 500px;
border: 1px solid #000;
}

Dit is een HTML en CSS bestand met de bedoeling om een box te maken, maar de zijkanten van de box zijn erg puntig, weet iemand hoe je die rond maakt?

Verwijderde gebruiker
10 jaar geleden
814

Heb je meer informatie nodig om de vraag te beantwoorden? Reageer dan hier.

Het beste antwoord

Je kunt de hoeken van een HTML element afronden door middel van de border-radius CSS property.

Zo kun je voor het element de volgende CSS regel toevoegen:

border-radius:5px;

Hiermee wordt een 5x5 pixel hoekje rond gemaakt. Experimenteer eens met de waarden totdat je een mooie ronding krijgt.

Kijk voor voorbeelden en meer informatie hier: http://www.w3schools.com/cssref/css3_pr_border-radius.asp
(Lees meer...)
Verwijderde gebruiker
10 jaar geleden

Weet jij het beter..?

Het is niet mogelijk om je eigen vraag te beantwoorden Je mag slechts 1 keer antwoord geven op een vraag Je hebt vandaag al antwoorden gegeven. Morgen mag je opnieuw maximaal antwoorden geven.

0 / 5000
Gekozen afbeelding
+