My Personal Blog..
Exemplu de mai sus este una dintre variantele de obiecte curbe sau poate fi numit "border-radius". Cu border-radius, blog-ul nostru va arata flexibil. Din păcate, border-radius nu se poate sprijini pe Internet Explorer.
Mozilla Firefox
<div style="background-color:#ccc; -moz-border-radius:5px; border:1px solid #000; padding:10px;">PUNE CE VREI</div>
<div style="background-color:#ccc; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border:1px solid #000; padding:10px;"> PUNE CE VREI </div>
<div style="background-color:#F5F6CE; -moz-border-radius-topright:30px; -moz-border-radius-bottomright:30px; border:5px solid #000; padding:10px;">PUNE CE VREI</div>
Safari
<div style="background-color:#A9D0F5; -webkit-border-top-left-radius:30px; -webkit-border-bottom-right-radius:30px; border:5px solid #38610B; padding:10px;">PUNE CE VREI</div>
<div style="background-color:#F5D0A9; -webkit-border-top-left-radius:50px; -webkit-border-top-right-radius:50px; border:5px solid #38610B; padding:10px;">PUNE CE VREI</div>
Opera 10.5
<div style="background-color:#F5F6CE; border-radius:30px; border:5px solid #38610B; padding:10px;">PUNE CE VREI</div>
Sper ca v-am fost de folos .
0 comentarii: