Css Border Radius

Cevaplar

• 

  12 yıl önce yazılmış

  halidaltuner

  144 cevap - 4 soru
  Şu kodu deneyebilir misiniz? Problem olmazsa stili kendinize göre değiştirirsiniz.
  

  .radius {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 14px;
  	color: #ffffff;
  	padding: 10px 20px;
  	background: -moz-linear-gradient(
  		top,
  		#42ff42 0%,
  		#146600);
  	background: -webkit-gradient(
  		linear, left top, left bottom, 
  		from(#42ff42),
  		to(#146600));
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	border: 1px solid #134201;
  	-moz-box-shadow:
  		0px 1px 3px rgba(000,000,000,0.5),
  		inset 0px 0px 2px rgba(255,255,255,1);
  	-webkit-box-shadow:
  		0px 1px 3px rgba(000,000,000,0.5),
  		inset 0px 0px 2px rgba(255,255,255,1);
  	text-shadow:
  		0px -1px 0px rgba(000,000,000,0.4),
  		0px 1px 0px rgba(255,255,255,0.3);
  }
  }
  
• 

  12 yıl önce yazılmış

  Cagri

  4 cevap - 17 soru
  .radiusolanclass {-webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 15px;
  
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 15px;
  
  border-top-left-radius: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 15px;}
  
  bu işine yarayacaktır.

  • blackhouse
    Malesef arkadaşlar ikiside olmadı :(
    
    ilk verdiğiniz kodda kenarlar düz yani radiussuz, ikincisinde ise ekranda hiç birşey gözükmedi.
    12 yıl önce yazılmış
• 

  12 yıl önce yazılmış

  Frauzer

  40 cevap - 37 soru
  Ben sadece border-radius: 8px; yazarak yapıyorum.Sen hangi tarayıcıyı kullanıyosn ve versiyon nedir?
• 

  12 yıl önce yazılmış

  HaylazNef

  38 cevap - 14 soru
  deneme yaptığın tarayıcı ie9 mu ? bende de aynı problemi yapıyor. Farklı tarayıcıda dene eğer ie9 kullanıyorsan
• 

  12 yıl önce yazılmış

  UmutYerebakmaz

  11 cevap - 0 soru

  .radius {
  	border-radius: 7px;
  	-webkit-border-radius:7px;
  	-moz-border-radius:7px;
    }
  

  
  ie6,ie7,ie8 border radius özelliğini desteklememektedir.
  
  Yukarıdaki kodlar Ms (Microsoft ie9) dahil tüm yorumlayıcılarda hatasız çalışmaktadır. Test edilmiştir.