Memory Drive

Computer_IT/StyleSheet +1
반응형
  1. <style type="text/css">
  2. ul#nav {
  3. list-style-type: none;
  4. margin: 0;
  5. padding: .5em 0;
  6. border-top: 2px solid #003B62;
  7. }
  8. ul#nav li a{
  9. display: block;
  10. width: 90px;
  11. color: #FFF;
  12. padding: 1px;
  13. background-color: #003B62;
  14. text-align: center;
  15. text-decoration: none;
  16. border: 2px outset;
  17. }
  18. ul#nav li a:hover{
  19. color: #FFF;
  20. background-color: #87AEC5;
  21. border: 2px inset;
  22. }
  23. ul#nav .back { float: left; }
  24. ul#nav .continue { float: right; }
  25. </style>
  26. <ul id='nav'>
  27.   <li class='back'>  <a href='링크'>뒤로</a></li>
  28.   <li class='continue'> <a href='링크'>앞으로</a></li>
  29. </ul>

결과
반응형