CSS ile Dikiş İzli Tablo Yapmak

Yorum Yok

Bu dersimizde CSS ile dikiş izli tablo yapımını öğrenelim.

İlk önce HTML kodlarımızı yazıyoruz.

<html>
<head><title>Dikiş İzli Tablo</title>
/*Burda style.css dosyamızla bağlantı kuruyoruz.*/
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
/*Burda tablomuzu çiziyoruz.*/
<table>
<tr>
<td></td>
</tr>
</table>
</body>
</html>

Bu sayfamızı index.html olarak kaydediyoruz ve style.css sayfamıza aşağıdaki kodları yazıyoruz.

.dikisli_tablo{
width:1000px;
height:100px;
margin:0 auto 0 auto;
background:#666666;
border:1px dashed #000000; /*Burda kullandığımız dashed kodu tablomuzun çizgilerini dikiş izli yapmamızı sağlıyor.*/
}

Sayfalarımızı kaydettikten sonra çalıştırıyoruz ve sonucu görüyoruz.

 

Bu yazılar da ilginizi çekebilir!

, , , , , , , , , ,

Yorumlar

  1. İlk yorumu sen yapmak istemez misin?

Yorum Yap