Tabs Basic Sample

Google Chrome 44.0

Mozilla Firefox 40

Internet Explorer 11

Safari 8.0

Opera 32




Code:

Google Chrome 44.0

Mozilla Firefox 40

Internet Explorer 11

Safari 8.0

Opera 32

CSS:
div.tabbed {
position: relative;
top: 40px;
left: 40px;
}

div.tabs a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: smaller;
color: #e0e0e0;
background-color: #404040;
border: thin solid black;
margin-right: 2px;
padding: 0px 2px;
-moz-border-radius: 5px 5px 0px 0px;
}

div.tab {
display: none;
height: 250px;
border: thin solid black;
-moz-border-radius: 0px 0px 5px 5px;
text-align: center;
}

div.tab:target {
display: block;
}

:target div.tab {
display: block;
}
:target div.tab + div.tab{
display: none;
}