CSS ile Oval border (radius)

Bana lazim oldu arastirdim.Bir cok kisininde isine yarayacagini dusunerek paylasmak istedim.

Duz Metin
CODE:
  1. -moz-border-radius-topleft
  2. -moz-border-radius-topright
  3. -moz-border-radius-bottomleft
  4. -moz-border-radius-bottomright
  5. -moz-border-radius



isimlerindende anlayacaginiz gibi;
-moz-border-radius-topleft = sol ust
-moz-border-radius-topright = sag ust
-moz-border-radius-bottomleft = sol alt
-moz-border-radius-bottomright = sag alt
-moz-border-radius = butun koseler

Test 1:

Duz Metin
HTML:
  1. <div style="height:50px;width:100px;-moz-border-radius:10px;border:2px solid #000000;"></div>

Sonuc 1:



Test 2:

Duz Metin
HTML:
  1. <div style="height:50px;width:100px;-moz-border-radius:30px 5px;border:2px solid #000000;"></div>

Sonuc 2:



Test 3:

Duz Metin
HTML:
  1. <div style="height:50px;width:100px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;border:2px solid #000000;"></div>

Sonuc 3:



Test 4:(image)

Duz Metin
HTML:
  1. <img src="http://www.kareweb.net/100x40.jpg" style="border:2px solid #000000;-moz-border-radius:10px;padding:2px;"/>

Sonuc 4:(image)


Kendinize gore bir cok cesit gorunum elde edebilirsiniz..

1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (11 oy ortalamasi: 4.64 / 5)
Loading ... Loading ...


Etiketler: , , , , , , , , ,