CSS: Links formatieren

540 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
540
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

CSS: Links formatieren

  1. 1. CSS Links formatieren
  2. 2. Syntax <ul><li>a:link { color : blue; } </li></ul><ul><li> &quot;normaler&quot; Link </li></ul><ul><li>a:visited { color : fuchsia; } </li></ul><ul><li> besuchter Link </li></ul><ul><li>a:hover { text-decoration : none; } </li></ul><ul><li> Mauszeiger ist über dem Link </li></ul><ul><li>(weitere: a:active, a:focus) </li></ul>
  3. 3. Beispiel: Navigationslinks <ul><li>a:link, a:visited, a:hover { </li></ul><ul><li>border : 1px solid black; </li></ul><ul><li>color : white; </li></ul><ul><li>font-weight : bold; </li></ul><ul><li>background : gray; </li></ul><ul><li>padding : 2px; </li></ul><ul><li>text-decoration : none; </li></ul><ul><li>} </li></ul><ul><li>a:hover { </li></ul><ul><li>background : white; </li></ul><ul><li>color : black; </li></ul><ul><li>} </li></ul>

×