Memory Drive

Computer_IT/StyleSheet +1

[CSS] Button StyleSheet

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

결과
반응형

티스토리툴바