css3 afrundede hjørner

, 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,,,



Previous:
Next Page: