Site icon Pesona Informatika

Belajar CSS (8. Links)

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.

<!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>

Semoga bermanfaat. Sampai jumpa di postingan selanjutnya.

Written by @akhi_syabab

Exit mobile version