- Katılım
- 21 Eki 2013
- Konular
- 3,135
- Mesajlar
- 7,771
- Çözüm
- 3
- Online süresi
- 4mo 15d
- Reaksiyon Skoru
- 5,377
- Altın Konu
- 67
- Başarım Puanı
- 409
- Yaş
- 36
- MmoLira
- 1,447
- DevLira
- 0
HERAKLES Otomatik Avlı kalıcı sunucu. 19 Haziran'da açılıyor. Atius & Wizard güvencesiyle hemen kayıt ol, ön kayıt ödülleri aktif. HEMEN TIKLA!
Tablo, verilerin satırlar ve sütunlar halinde veya muhtemelen daha karmaşık bir yapıda düzenlenmesidir. Tablolar iletişim, araştırma ve veri analizinde yaygın olarak kullanılmaktadır. Pure CSS'de, tabloya stil eklemek için "pure-table" sınıfını ekleyeceğiz. Bu sınıf, tablo öğelerine dolgu ve kenarlıklar ekler ve üstbilgiyi vurgular.
Kenarlıklı Tablo, hücreye yatay ve dikey kenarlığı olan bir tablodur. Bordered tablosunu yapmak için "pure-table-bordered" sınıfını ekleyeceğiz.
Saf CSS Kenarlıklı Tablo Sınıfı:
Örnek:
[CODE lang="html" title="HTML Kodu"]<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href=
"https://unpkg.com/purecss@2.0.6/build/pure-min.css"
integrity=
"sha384-Uu6IeWbM+gzNVXJcM9XV3SohHtmWE+3VGi496jvgX1jyvDTXfdK+rfZc8C1Aehk5"
crossorigin="anonymous">
</head>
<body>
<center>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>Pure CSS Bordered Table</h3>
<table class="pure-table pure-table-bordered">
<thead>
<tr>
<th>Rank</th>
<th>Name</th>
<th>Runs</th>
<th>Centuries</th>
<th>Strike Rate</th>
<th>Avg</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Rohit</td>
<td>10000</td>
<td>29</td>
<td>97</td>
<td>55</td>
</tr>
<tr>
<td>2</td>
<td>Virat</td>
<td>12000</td>
<td>40</td>
<td>91</td>
<td>49</td>
</tr>
<tr>
<td>3</td>
<td>Rahul</td>
<td>5000</td>
<td>8</td>
<td>85</td>
<td>45</td>
</tr>
<tr>
<td>4</td>
<td>Rishabh</td>
<td>4000</td>
<td>2</td>
<td>89</td>
<td>39</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
[/CODE]
Kenarlıklı Tablo, hücreye yatay ve dikey kenarlığı olan bir tablodur. Bordered tablosunu yapmak için "pure-table-bordered" sınıfını ekleyeceğiz.
Saf CSS Kenarlıklı Tablo Sınıfı:
- saf masa kenarlıklı: Bu sınıf, kenarlıklı tabloyu oluşturmak için kullanılır. Bu sınıf, pure-table sınıfı ile birlikte kullanılır.
Örnek:
[CODE lang="html" title="HTML Kodu"]<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href=
"https://unpkg.com/purecss@2.0.6/build/pure-min.css"
integrity=
"sha384-Uu6IeWbM+gzNVXJcM9XV3SohHtmWE+3VGi496jvgX1jyvDTXfdK+rfZc8C1Aehk5"
crossorigin="anonymous">
</head>
<body>
<center>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>Pure CSS Bordered Table</h3>
<table class="pure-table pure-table-bordered">
<thead>
<tr>
<th>Rank</th>
<th>Name</th>
<th>Runs</th>
<th>Centuries</th>
<th>Strike Rate</th>
<th>Avg</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Rohit</td>
<td>10000</td>
<td>29</td>
<td>97</td>
<td>55</td>
</tr>
<tr>
<td>2</td>
<td>Virat</td>
<td>12000</td>
<td>40</td>
<td>91</td>
<td>49</td>
</tr>
<tr>
<td>3</td>
<td>Rahul</td>
<td>5000</td>
<td>8</td>
<td>85</td>
<td>45</td>
</tr>
<tr>
<td>4</td>
<td>Rishabh</td>
<td>4000</td>
<td>2</td>
<td>89</td>
<td>39</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
[/CODE]
