Page 133 - Desain Media Interaktif smt 1

Mengatur Radius Foto dan Lebar

Paragraf

Langkah 6

Code Hasil

<style>

.fotoku{ Apa itu selectors ?

width: 30%; <!-- lebar foto ( 30% dari lebar layar ) --> Selectors berfungsi sebagai

border-radius: 300px; <!-- radius lengkung sudut ( lingkaran ) --> penyeleksi pola yang digunakan

} untuk memilih elemen yang ingin

p{ Anda atur style nya.

margin: auto; <!-- margin paragraph -->

width: 80%; <!-- lebar paragraf ( 80% dari lebar layar ) --> Nama selector disesuaikan

} dengan komponen yang dipilih

</style> sebagai identitas, misal menunjuk

berdasarkan class, id, atau tag

Tambahkan selectors .fotoku{...} dan p{...} untuk yang ada di html.

mengatur tag <img> yang memiliki class

bernama "fotoku" dan mengatur tag <p>.

131