๐tabs control
โฑ๐ง under construction
:root {
--bgcolor: lightgreen; /* ๅบ่ฒ */
background: #222;
}
.tabs {
display: flex;
}
.tabs button {
padding: 10px;
cursor: pointer;
background: #eee;
border: 1px solid #ccc;
border-bottom: none;
border-radius: 8px 8px 0 0;
}
.tabs button.active {
font-weight: bold;
background: var(--bgcolor);
/* โญ๏ธ ็ขบไฟๆ้็ท่ฒผๅฎนๅจ้ๆก */
margin-bottom: -1px;
/* โญ๏ธ ๅบ็ทๅปๆๅกๆๅบ่ฒ๏ผ่ๆ .content ็้็ท */
border-bottom: 1px solid var(--bgcolor);
}
.content {
padding: 10px 20px;
background: var(--bgcolor);
border: 1px solid #ccc;
border-radius: 0 8px 8px 8px;
}Last updated