Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials Links and Pseudo-Classes in CSS

Links and Pseudo-Classes in CSS


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!



Author's URL: PiticStyle
Learn HTML step-by-step from A to Z or improve your professional skills. More Tutorials: Featured Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com


Like us to: