Beyaz.Net İpucu
CSS de kenarları oval yapma : border-radius: 10px 10px 10px 10px;
<style type="text/css">
.category_block {
background: none repeat scroll 0 0 #5A5A5A;
border-radius: 10px 10px 10px 10px;
margin: 0 0 15px;
padding: 15px;
width: 195px;
}
.category_block h4 {
color: #FFFFFF;
margin: 0;
padding: 0 0 8px;
}
.category_block ul li {
color: #FFFFFF;
line-height: 18px;
margin: 0;
padding: 0;
}
.category_block ul li a {
color: #FFFFFF;
display: block;
text-decoration: none;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
</style>
<div class="category_block">
<h4>Siteler</h4>
<ul>
<li><a target="_blank" href="http://www.beyaz.net">Beyaz.Net</a></li></ul>
<div class="clear"></div>
</div>
Ekran Görüntüsü:
.category_block {
background: none repeat scroll 0 0 #5A5A5A;
border-radius: 10px 10px 10px 10px;
margin: 0 0 15px;
padding: 15px;
width: 195px;
}
.category_block h4 {
color: #FFFFFF;
margin: 0;
padding: 0 0 8px;
}
.category_block ul li {
color: #FFFFFF;
line-height: 18px;
margin: 0;
padding: 0;
}
.category_block ul li a {
color: #FFFFFF;
display: block;
text-decoration: none;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
</style>
<div class="category_block">
<h4>Siteler</h4>
<ul>
<li><a target="_blank" href="http://www.beyaz.net">Beyaz.Net</a></li></ul>
<div class="clear"></div>
</div>
Ekran Görüntüsü: