Tabs mit Css
Den Code habe ich irgendwo mal gefunden und will ihn euch zeigen wie man viel Content auf einer Seite bekommt und mir Tabs trennen kann
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<html>
<head>
<style>
ul#tabs-list {
list-style: none;
text-align: center;
border-bottom: 1px solid #dfdfdf;
margin: 0;
padding: 0;
}
label.panel-label {
user-select: none;
display: block;
width: 100%;
color: #bdc3c7;
cursor: pointer;
background-color: #ecf0f1;
transition-property: background-color, color;
transition-duration: 200ms;
}
label.panel-label:hover {
color: #c0392b;
}
#panels {
background-color: white;
}
#panels .container {
margin: 0 auto;
width: 90%;
}
#panels section header label.panel-label {
padding: 12px 24px;
box-sizing: border-box;
}
#panels section main {
box-sizing: border-box;