Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
− | body{ | + | body {font-family: Arial, Helvetica, sans-serif;} |
− | + | ||
+ | .navbar { | ||
+ | width: 100%; | ||
+ | background-color: #555; | ||
+ | overflow: auto; | ||
} | } | ||
− | + | ||
− | + | .navbar a { | |
+ | float: left; | ||
+ | padding: 12px; | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | |||
+ | .navbar a:hover { | ||
+ | background-color: #000; | ||
+ | } | ||
+ | |||
+ | .active { | ||
+ | background-color: #4CAF50; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 500px) { | ||
+ | .navbar a { | ||
+ | float: none; | ||
+ | display: block; | ||
} | } | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 21:07, 25 October 2020