Belajar CSS (8. Links)

Akhi Syabab

Styling Links Menggunakan CSS

Kita dapat mengubah tampilan link sesuai selera dengan menggunakan CSS. Diantaranya yaitu edit warna, font, bacground, dan sebagainya. Link ditandai dengan selector <a></a>
ex.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
    <style>
        a:link {
            background-color: yellow;
        }
 
        a:visited {
            background-color: cyan;
        }
 
        a:hover {
            background-color: lightgreen;
        }
 
        a:active {
            background-color: hotpink;
        }
    </style>
</head>
<body>
    <b><a href="http://pesonainformatika.com" target="_blank">ini contoh link</a></b>
</body>
</html>

hasil

Semoga bermanfaat. Sampai jumpa di postingan selanjutnya.

Written by @akhi_syabab