Beyaz.Net İpucu
CSS resimlerin etrafını oval yapma
<style>
.resimler {
border: 0 solid #FFFFFF;
border-radius: 8px 8px 8px 8px;
float: left;
height: 110px;
padding: 4px;
position: relative;
width: 138px;
}
.resimler a {
border: 0 solid #FFFFFF;
border-radius: 8px 8px 8px 8px;
float: left;
height: 110px;
padding: 4px;
position: relative;
width: 138px;
}
.resimler a img {
border-radius: 8px 8px 8px 8px;
position: relative;
}
</style>
<div id="resimlerDiv">
<div class="resimler">
<a href="http://www.trtokul.com.tr/galeri/videoGaleri/egitim/1/anne-cocuk/1">
<img src="http://www.trtokul.com.tr/fotograf/anne-cocuk---rahatlama-yontemi_video_galeri_212.jpg" height="78" width="138">
<br>Resim 1
</a>
</div>
<div class="resimler">
<a href="http://www.trtokul.com.tr/galeri/videoGaleri/egitim/1/anne-cocuk/1">
<img src="http://www.trtokul.com.tr/fotograf/anne-cocuk---sirin-gurkey_video_galeri_213.jpg" height="78" width="138">
<br>Resim 2
</a>
</div>
</div>
.resimler {
border: 0 solid #FFFFFF;
border-radius: 8px 8px 8px 8px;
float: left;
height: 110px;
padding: 4px;
position: relative;
width: 138px;
}
.resimler a {
border: 0 solid #FFFFFF;
border-radius: 8px 8px 8px 8px;
float: left;
height: 110px;
padding: 4px;
position: relative;
width: 138px;
}
.resimler a img {
border-radius: 8px 8px 8px 8px;
position: relative;
}
</style>
<div id="resimlerDiv">
<div class="resimler">
<a href="http://www.trtokul.com.tr/galeri/videoGaleri/egitim/1/anne-cocuk/1">
<img src="http://www.trtokul.com.tr/fotograf/anne-cocuk---rahatlama-yontemi_video_galeri_212.jpg" height="78" width="138">
<br>Resim 1
</a>
</div>
<div class="resimler">
<a href="http://www.trtokul.com.tr/galeri/videoGaleri/egitim/1/anne-cocuk/1">
<img src="http://www.trtokul.com.tr/fotograf/anne-cocuk---sirin-gurkey_video_galeri_213.jpg" height="78" width="138">
<br>Resim 2
</a>
</div>
</div>