Yukarıdaki resimde gördüğünüz gibi resimlerin köşelerini oval hale getirmek istiyorsanız uygulamanız gereken html ve css kodlarını aşağıda verdim. Görselliği büyük ölçüde arttıran ve kaliteli tasarımlar yapmanıza olanak sağlayan bu kodu kullanmakta oldukça basit.
İşte Html Kodumuz
<div id=”container”>
<b class=”rtop”>
<b class=”r1″></b> <b class=”r2″></b> <b class=”r3″></b> <b class=”r4″></b>
</b>
<!–content goes here –>
<b class=”rbottom”>
<b class=”r4″></b> <b class=”r3″></b> <b class=”r2″></b> <b class=”r1″></b>
</b>
</div>
Buda CSS Kodumuz
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

Wordpress yeni sürümünü çıkardı çıkarmasına ama resim eklerken girdiğiniz kriterleri pek kabul etmiyor bu sürüm. Örneğin ben merkezde olmasını istiyorum resimin ancak bir türlü olmuyor, sola dayalı şekilde çıkıyor yazılarda. İşte bunun sebebi kullandığının temanın wordpress yeni sürümlerinde yapılan yeni kodlamaya uygun olmayışıdır. Temanızı uygun hale getirmek için style.css dosyanıza şu kodları eklemeniz gerekmektedir:

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}