Bağlantıda sorun var !!! Resim ve JS kullanmadan CSS ile köşeli tablolar
Resim ve JS kullanmadan CSS ile köşeli tablolar facebook paylaş Resim ve JS kullanmadan CSS ile köşeli tablolar twitter paylaş Resim ve JS kullanmadan CSS ile köşeli tablolar google plus paylaş Resim ve JS kullanmadan CSS ile köşeli tablolar linkedin paylaş

Resim ve JS kullanmadan CSS ile köşeli tablolar


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...


[ YORUM YAZ ] [ YAZDIR ]
Anahtar kelimeler: 

Yazan: Türker İnanmaz
Yorum: Eide yazacaktım tamda yukardakileri gördüm düzelteyim. İyide bu şekilde yine CSS kullanılıyor.