, css3 afrundede hjørner anvendes til at tilføje særlige farvede hjørne til organ eller en tekst ved hjælp af grænsen radius ejendom. en simpel syntaks af afrundede hjørner er således −,rcorners7 {grænse radius: 60px /15px; baggrund:ff0000; polstring: 20px; bredde: 200px. højde: 150px;) nedenstående tabel viser de mulige værdier for afrundede hjørner som følger og minus;, værdier beskrivelse grænse radius brug dette element for, at fire logerende radius ejendom grænse øverste venstre spoleben brug dette element for fastsættelse af logerende i øverste venstre hjørne grænse øverste højre spoleben brug dette element for fastsættelse af logerende i øverste højre hjørne grænse nederste højre spoleben brug dette element for fastsættelsen af bott logerendeom højre hjørne grænse nederste venstre spoleben brug dette element for fastsættelse af logerende i nederste, venstre hjørne, f.eks. denne egenskab kan have tre værdier.følgende eksempel bruger begge værdier og minus;, < html > < head > < stil >rcorners1 {grænse radius: 25px; baggrund:ac007; polstring: 20px; bredde: 200px. højde: 150px;}rcorners2 {grænse radius: 25px; grænse: 2px fastac007; polstring: 20px; bredde: 200px. højde: 150px;}rcorners3 {grænse radius: 25px; baggrund: url (papir. gif); baggrund holdning: venstre top; baggrund gentager: polstring: 20px; bredde: 200px. højde: 150px;} </stil > < /head > < krop > < p id = "rcorners1" > afrundede hjørner.< /p > < p id = "rcorners2" > afrundede hjørner.< /p > < p id = "rcorners3" > afrundede hjørner.< /p > < /organ > < /html > det giver følgende resultat −,, hvert hjørne ejendom, kan vi fastsætte hvert hjørne ejendom som vist nedenfor f.eks. < html > < head > < stil >rcorners1 {grænse radius: 15px 50px 30px 5px; baggrund:a44170; polstring: 20px; bredde: 100px. højde: 100px;}rcorners2 {grænse radius: 15px 50px 30px; baggrund:a44170; polstring: 20px; bredde: 100px. højde: 100px;)rcorners3 {grænse radius: 15px 50px; baggrund:a44170; polstring: 20px; width: 100px. højde: 100px;} < /stil > < /head > < krop > < p id = "rcorners1" > < /p > < p id = "rcorners2" > < /p > < p id = "rcorners3" > < /p > < /organ > < krop > det giver følgende resultat &minus,,,
css3 afrundede hjørner
Previous:css3 tutorielle
Next Page:css3 grænse image