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://10.6.0.3" target="_blank">ini contoh link</a></b>
</body>
</html>

hasil

Semoga bermanfaat. Sampai jumpa di postingan selanjutnya.

Written by @akhi_syabab

Leave a Reply

Your email address will not be published.Required fields are marked *