Home of web learners

www.webn3rd.com

You can design html link by css

Its same as others tag of html by using css

<html>
<head>
<style>
a { color:orange; }
</style>
</head>
<body>
<a href="http://webn3rd.com">this is a link</a>
</body>
</html>

Output:

this is a link

Here the link text color show orange color,you can use different css style on the text like change font size,text decoration

There are some advance way you can make some design on link

Look below example:

<html>
<head>
<style>
a :hover{ color:red; }
</style>
</head>
<body>
<a href="http://webn3rd.com">this is a link</a>
</body>
</html>

output:

this is a link

You see that when you keep your cursor on the link,it shows red color,here we change the color of hover by a:hover

There are some kind of things for designing link

Lets look another example

<html>
<head>
<style>
a :active{ color:red; }
</style>
</head>
<body>
<a href="http://webn3rd.com">this is a link</a>
</body>
</html>

Output:

this is a link

you see that when you click on the link it show red color,this is how to change active color in css

webn3rd.com

About webn3rd