Hallo teman-teman, Bertemu kembali dengan saya diwebsite ini. Seperti biasa ya teman-teman, semoga masih diberikan kesehatan dan kebahagiaan agar dapat kembali semangat dalam mencari informasi atau ingin mengupgrade skill didunia website.

Oke pada kesempatan kali ini saya akan membahas tentang Cara Membuat Quotes dengan CSS, Jadi pada dasarnya quotes atau dalam Bahasa indonesianya adalah kutipan berfungsi untuk mengutip sebuah teks dari sumber lain atau yang sekiranya penting. Lalu bagaimana Cara Membuat Quotes dengan CSS ? sebenarnya diHTML sudah menyediakan element <blockquote> untuk quotes/kutipan panjang dan quote <q> untuk kutipan pendek. Disini kita akan menggunakan CSS dalam membuat Quotes agar lebih menarik.

Untuk lebih jelasnya langsung saja kita mulai mempraktekannya, pertama-tama buka terlebih dahulu text-editor yang teman-teman gunakan. Kemudian ketik script HTML dibawah ini dan simpan dengan nama quotes.html :

Jika sudah dengan HTMLnya langkah selanjutnya silahkan teman-teman masukan Style CSS nya seperti dibawah ini :

Disini kita menggunakan CSS internal ya teman-teman jadi tinggal letakan style CSS diatas diantara tag Head pada HTML atau dibawah tag title.

Jika sudah silahkan teman-teman simpan, lalu kemudian teman-teman dapat menjalankan/run dibrowser yang teman-teman gunakan maka hasilnya akan seperti pada gambar dibawah ini :

cara-membuat-quotes-dengan-css

Cukup mudah bukan teman-teman dalam Cara Membuat Quotes dengan CSS. Silahkan teman-teman modif sesuai keinginan teman-teman agar lebih bagus dan menarik lagi.

Sekian dari saya untuk pembahasan kali ini tentang Cara Membuat Quotes dengan CSS semoga dapat bermanfaat buat teman-teman.

Terimakasih