. 2 |
![]() , . border-radius., , , , , border-radius: 60px 0px 0px 60px; 1. , . 2. 2 , , - . 3. 3 , , - . 4. 4 , , , ( ). <table style="border-radius: 60px 0px 0px 60px; width:200px; background-color:#E41326"><tbody><tr><td style="padding:3px"></td></tr></tbody></table> (/). , border-radius: 80px/8px; , <table style="border-radius: 80px/8px; width:200px; background-color:#E41326"><tbody><tr><td style="padding:3px"></td></tr></tbody></table> --------- border-radius HTML-. . . : , , . : table style, <table style=" > style CSS: : , . . - border-radius: 80px; <table style="border-radius: 80px; > 400 width:400px; ( height:px;), , . <table style="border-radius: 80px; width:400px;" > (background) , <table style="border-radius: 80px; width:400px;" background=" " > <tbody><tr><td style="padding:3px">, </td></tr></tbody></table>. . . <table style="border-radius: 80px; width:400px" background="//s020.radikal.ru/i703/1604/58/d00c1ca55fcb.gif" ><tbody><tr><td style="padding:3px"> </td></tr></tbody></table> background=" " , , , , background-color:# ; . background=" " . , . <table style="border-radius: 80px; width:400px; background-color:#000fff;"><tbody><tr><td style="padding:3px"> </td></tr></tbody></table> ---------------------- border-radius , . - Chrome 4.0, Safari 5.0, iOS -webkit-border-radius. - Firefox 4.0 -moz-border-radius. - Konquerer Linux khtml-border-radius , , , :-moz-border-radius: 80px; -webkit-border-radius: 80px; -khtml-border-radius: 80px; border-radius: 80px; <table style="-moz-border-radius: 80px; -webkit-border-radius: 80px; -khtml-border-radius: 80px; border-radius: 80px; width:150px;" background="//s019.radikal.ru/i630/1603/72/891def79891c.jpg" ><tbody><tr><td style="padding:3px"> </td></tr></tbody></table> - ... , . - , . |
"":
1 -
2 - . .
...
8 -
9 -
10 - . 2.
: | |