Membuat Teks Underline (Garis Bawah) Berwarna

Membuat Teks Underline (Garis Bawah) Berwarna - Pada artikel kemarin saya sudah membuatkan tentang teks diantara dua garis atau teks berada ditengah garis dan sekarang saya akan mebuatkan panduan tentang membuat teks underline atau garis bawah berwarna

Silahkan baca dulu Membuat teks diantara dua garis

ini Demonya

www.all-trick-blogs.com

Cara Membuat Teks Underline (Garis Bawah) Berwarna
Jika sobat tertarik untuk membuat teks underline atau garis bawah seperti Demo diatas, silahkan ikuti caranya berikut ini:

Salin kode CSS berikut ini kedalam kode template blog sobat
CSS

.textu a {
text-decoration: none;
}
.textu a:link {
color: #0fead3;
border-bottom: 1px solid #0fead3;
}
.textu a:visited {
color: #0fead3;
border-bottom: 1px solid #c0c0c0;
}
.textu a:active {
color: #0fead3;
border-bottom: 1px dashed #ff0000;
}
.textu a:hover {
color: #fd8f01;
border-bottom: 2px dashed #fd8f01;
}

HTML
Salin dan sesuaikan kode markup HTML untuk teks underline atau garis bawah berwarna berikut ini
<div class="textu"><a href="#">www.all-trick-blogs.com</a></div>

Arahkan kursor mouse ke kolom teks berikut untuk melihat efek garis bawah berwarna

www.all-trick-blogs.com

Mudah bukan untuk membuat teks underline atau garis bawah berwarna ini karena hanya memanfaatkan kode css saja dan jika sobat ingin memasangnya secara otomatis dan terpasang pada seluruh halaman blog, hilangkan kode class .textu sehingga hyperlink yang ada didalam blog sobat akan memiliki efek teks garis bawah berwarna. Terimakasih