Evet arkadaşlar sizlere resim ve JS kullanmadan CSS ile yaptığım köşeli tablo örneğimi vereceğim. Bu kodlarla istediğiniz gibi köşeli tablolar oluşturabilirsiniz. Köşeleri piksel mantığı ile oluşturduğumuz için istediğiniz gibi piksel ekliyip köşeleri arttırabilirsiniz.
<head>...</head> tagleri arasına:
<style type="text/css">
.container {background:#000000; color:#ffffff; width:400px; margin:50px;}
.ic_alan{padding:15px;}
.rtop, .rbottom
{
display:block;
background:#fff;
}
.rtop *, .rbottom *
{
display: block;
height: 1px;
overflow: hidden;
background:#000000;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
</style>
<body>...</body> tagleri arasına:
<div class="container">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div class="ic_alan">BU KISIMDA YAZIMIZ YAZACAK</div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</div>
Kolay Gelsin...
