Difference between revisions of "Team:TUDelft/css/test"
Weronika77 (Talk | contribs) |
|||
| Line 1: | Line 1: | ||
| + | {{TUDELft}} | ||
| + | <html> | ||
| + | <head> | ||
| + | <style> | ||
| + | ul { | ||
| + | list-style-type: none; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | overflow: hidden; | ||
| + | background-color: #333; | ||
| + | } | ||
| + | |||
| + | li { | ||
| + | float: left; | ||
| + | } | ||
| + | |||
| + | li a { | ||
| + | display: block; | ||
| + | color: white; | ||
| + | text-align: center; | ||
| + | padding: 14px 16px; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | li a:hover:not(.active) { | ||
| + | background-color: #111; | ||
| + | } | ||
| + | |||
| + | .active { | ||
| + | background-color: #4CAF50; | ||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
| + | <body> | ||
| + | |||
| + | <ul> | ||
| + | <li><a href="#home">Home</a></li> | ||
| + | <li><a href="#news">News</a></li> | ||
| + | <li><a href="#contact">Contact</a></li> | ||
| + | <li style="float:right"><a class="active" href="#about">About</a></li> | ||
| + | </ul> | ||
p { | p { | ||
| Line 4: | Line 45: | ||
font-size: 20px; | font-size: 20px; | ||
} | } | ||
| + | |||
| + | </body> | ||
| + | </html> | ||