style1.css
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <ul class="mytabs" id="tabs">
- <li class="current"><a href="./tabs/tab-1.html">Вкладка 1</a></li>
- <li><a href="./tabs/tab-2.html">Вкладка 2</a></li>
- <li><a href="./tabs/tab-3.html">Вкладка 3</a></li>
- </ul>
- UL.mytabs {
- position: relative;
- z-index: 2;
- }
- UL.mytabs, UL.mytabs LI {
- margin: 0;
- padding: 0;
- list-style: none;
- float: left;
- }
- UL.mytabs LI { padding: 0 5px; }
- UL.mytabs LI A {
- float: left;
- padding: 7px;
- border: 1px solid #CCCCCC;
- border-bottom: 1px solid #E0E0E0;
- background: #F0F0F0;
- text-decoration: none;
- color: #333333;
- height: 22px;
- }
- UL.mytabs LI A:HOVER, UL.mytabs LI.current A {
- background: #FFFFFF;
- }
- UL.mytabs LI.current A {
- font-weight: bold;
- font-size: 14px;
- border-bottom: 1px solid #FFFFFF;