CSS ile web sitenizin tasarımının daha iyi ve özgün görünebilmesi adına yapılabilecek olan birçok püf noktası söz konusu. Örneğin artık, web sitenizdeki div elementlerine ait köşeleri Photoshop ile oval yapmanıza gerek yok. Yani CSS kullanarak da köşeleri yuvarlak bir hâle getirmek çok basit olup, böylelikle daha sağlıklı bir görünüm elde edebilmektesiniz. Aşağıda yer alan kodların tümünü kullanmanız durumunda; Google Chrome, Mozilla Firefox, Internet Explorer, Opera ve Safari gibi birçok güncel tarayıcıda sorunsuz bir görüntü elde edebilmektesiniz. Ayrıca köşeler ile ilgili değerleri, dilediğiniz gibi güncelleyebilirsiniz. Dilerseniz, kodları ve örneği inceleyelim.

AYRICA: CSS ile Seçili Alan Rengini Değiştirme Nasıl Yapılır?

Temanızın CSS dosyası içerisine aşağıdaki kodları ekleyin.

.oval {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius:25px;
border:2px solid #aaa;
padding:20px;
width:500px;
}

Temanızın HTML sayfasına ise aşağıdaki kodu düzenleyerek ekleyebilirsiniz.

<div class="oval">İçerik buraya gelecektir.</div>

Not: Yapılan çalışmaya ait örnek ise aşağıda yer almaktadır. Lütfen inceleyiniz.