Her

Home HTML and CSS Tutorials Links and Pseudo-Classes in CSS

Links and Pseudo-Classes in CSS

Author: PiticStyle Author's URL: www.piticstyle.com More by this author

Today we learn about Links and Pseudo-Classes in CSS. I have made tutorials about rollover's here and here, but this is something different and we talk about links & elements where we can put Pseudo-Classe, on a div, text,etc…

Pseudo-Classes:

:link
:visited
:active
:hover
:focus

We start with an exemple to use :hover pseudo-class on a image

1. Let's create the CSS:

2. Now we need to create the HTML:









:hover Pseudo-Class on a element (img)







:hover Pseudo-Class on a element (div)



PiticStyle


That's it! You can create this for any element you want ( paragaphs, headings, links, etc). From here you can download my files and here is the final result. Thank you!