ul.css 588 B

123456789101112131415161718192021222324252627282930313233343536
  1. ul {
  2. list-style-type: none;
  3. margin: 0;
  4. padding: 0;
  5. overflow: hidden;
  6. background-color: thistle;
  7. position: fixed;
  8. width:100%;
  9. }
  10. ul li{float: left;}
  11. ul li a{
  12. display: block;
  13. color: black;
  14. padding: 8px 16px;
  15. text-align: center;
  16. text-decoration: none;
  17. }
  18. ul li a.active{
  19. color: lavender;
  20. background-color: darkmagenta;
  21. }
  22. ul li a:hover:not(.active)
  23. {
  24. background-color: darkviolet;
  25. color: white;
  26. }
  27. body{
  28. margin: 0;
  29. font-family: Arial, Helvetica, sans-serif;
  30. }
  31. .footer{
  32. height: 300px; /*設定footer本身高度*/
  33. background-color: red;