/* สไตล์ของแถบเมนู */ .nav-tabs { display: flex; border-bottom: 2px solid #ccc; /* เส้นใต้ */ width: 100%; cursor: pointer; } .nav-item { list-style: none; margin-right: 10px; /* ช่องว่างระหว่างเมนู */ } .nav-link { text-decoration: none; padding: 10px 20px; display: inline-block; font-size: large; } .nav-link:hover { background-color: #f0f0f0; /* เปลี่ยนสีเมื่อ hover */ } .nav-link.active { color: #569bf5; /* สีตัวอักษรในสถานะ active */ font-size: large; border-bottom: 3.5px solid #569bf5; /* เส้นใต้ */ } .tab-content { margin-top: 20px; } .tab-pane.active { display: block; }