Pada tutorial ini saya ingin membagikan tips tentang Cara Menggunakan Property Selection CSS. Selection disini tentunya tidak jauh dari typographi atau dengan tulisan, yang akan dibahas yaitu penggunaan property CSS selection. Jadi element yang diberikan style property selection akan diberikan efek perubahan warna pada teks. Bagaimana cara menggunakan property selection css, yuk simak contoh dibawah ini:
Oke pengunaan property selection ini akan saya berikan pada element html heading serta paragraph berikut penulisannya:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Cara Menggunakan Property ::selection CSS</title> </head> <body> <div class="wrap"> <h1>Belajar Web Master</h1> <p>Memahami basic dasar tentang struktur untuk membangun sebuah website</p> <p>Memulai dari belajar mengenai HTML dan CSS</p> </div> </body> </html>
lalu selanjutnya style CSS seperti ini:
<style>
.wrap{background: gray;width: 500px;margin:auto;padding: 20px;}
h1::selection{background: aqua;color:white;padding: 10px;}
p::selection{background: blue;color:red;padding: 10px;}
</style>
Jadi saat tag h1 diselect maka akan memiliki background:aqua ,color :white dan saat tag p diselect memiliki background blue , color :red. Apabila dilihat dibrowser akan seperti tampilan dibawah ini:
Bagaimana cukup mudah bukan dalam pengunaan property selection, saya rasa cukup pembahasan kali ini Cara Menggunakan Property Selection CSS. Selection.
semoga bermanfaat dan sampai jumpa
terima kasih.
The post Cara Menggunakan Property Selection CSS appeared first on Kursus Website Terbaik.