HTML Classes

Update Terakhir pada

Classing Blok Elements Class HTML atribut befungsi memungkinkan untuk menentukan style yang sama untuk “equel” elemen.

kode cssnya seperti berikut:

div.sama {    
background-color:black;    
color:white;    
margin:20px;    
padding:20px;
}

maka kode pada htmlnya adalah sebagai berikut:


<div class="cities">
<h2>London</h2>
<p>London is the capital city of England.</p>
</div>

<div class="cities"><h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>

<div class="cities">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater</p>
</div>

maka hasilnya akan seperti gambar di bawah ini:

classes