Page 135 - Desain Media Interaktif smt 1
P. 135
Mengatur Padding dan Width Icon
Langkah 8
Code Hasil
<style> Bagaimana struktur selectors ?
.sosmed{
padding-top: 5%; <!-- padding atas --> Selectors terdiri dari 3 bagian
padding-bottom: 5%; <!-- padding bawah --> yaitu selector, property, dan
value :
} .selector{
.icn{
width: 3%; <!-- lebar : 3% dari lebar layar --> property: value;
}
} Contoh :
.fotoku{
Tambahkan selectors .sosmed{...} dan .icn{...} width : 25px;
untuk mengatur tag <div> yang memiliki class }
bernama "sosmed" dan mengatur tag <img>
yang memiliki class bernama "icn".
133
