tabs.css 497 B

12345678910111213141516171819202122232425262728293031
  1. .tabn {
  2. overflow: hidden;
  3. border: 1px solid #ccc;
  4. background-color: #f1f1f1;
  5. }
  6. .tabn button {
  7. background-color: inherit;
  8. float: left;
  9. border: none;
  10. outline: none;
  11. cursor: pointer;
  12. padding: 14px 16px;
  13. transition: 0.3s;
  14. font-size: 17px;
  15. }
  16. .tabn button:hover {
  17. background-color: #ddd;
  18. }
  19. .tabn button.active {
  20. background-color: #ccc;
  21. }
  22. .tabncontent {
  23. display: none;
  24. padding: 6px 12px;
  25. border: 1px solid #ccc;
  26. border-top: none;
  27. }