Hallo teman-teman, Bertemu kembali dengan saya dan masih 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 terutama dalam hal desain website.

Pada Kesempatan kali ini saya akan membahas tentang Cara Memberikan Warna Batas Luar (Outline) dengan CSS3. Sebelum kita memulai membahasnya alangkah baiknya teman-teman baca terlebih dahulu artikel saya tentang Property Outline pada css di :

Oke saya anggap teman-teman sudah membaca artikel saya diatas, karena kalau teman-teman belum membaca artikel saya yang sebelumnya maka dipembahasan kali ini mungkin teman-teman agak sedikit bingung kecuali yang sudah mahir tentang property-property pada css hehe.

Ya,Langsung saja kita mulai ya teman-teman Cara Memberikan Warna Batas Luar (Outline) dengan CSS3. Pertama-tama jalankan/run text-editor yang teman-teman gunakan, kemudian ketiklah/copy script HTML dibawah ini :

Jika sudah, langkah selanjutnya teman-teman ketik/copy script CSS seperti dibawah ini :

Pada script CSS diatas terdapat sebuah komentar dan disitu lah property beserta nilai untuk memberikan ketebalan,jenis/type,dan warna pada garis atau batas luar (outline). Dan Hasil penggabungan dari kedua script diatas menjadi seperti dibawah ini :

Jika sudah sama seperti diatas, maka teman-teman simpan lalu jalankan/run dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan seperti pada gambar dibawah ini :

cara memberikan warna batas luar (outline) dengan css3

Bagaimana teman-teman ? cukup mudahkan ? jadi seperti itulah contoh sederhana dalam memberikan warna pada garis dengan CSS. dan silahkan teman-teman modifikasi sesuai selera teman-teman dengan acuan dasar seperti contoh diatas.

Oke kalau begitu cukup sekian pembahasan kali ini tentang Cara Memberikan Warna Batas Luar (Outline) dengan CSS3 semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih