CSS ile Dikiş İzli Tablo Yapmak

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

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.




Herkeze Kolay Gelsin...
  • Etiketler;
Genceraziz Genceraziz
Sanalkurs.net
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git