Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width,init-scale=1"> <link rel="stylesheet" href= "https://www.example.com.vn/w3css/4/w3.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7. 0/css/font-awesome.min.css"> <body> <div class="w3-container"> <h2>Thanh điều hướng có menu thả xuống</h2> <p><strong>Lưu ý:</strong> Khi menu thả xuống là "mở", liên kết thả xuống có màu nền xám để biểu thị rằng nó đang hoạt động. Để ghi đè điều này, hãy thêm lớp w3-hover-color vào cả vùng chứa "thả xuống" và nút thả xuống:</p> <p><strong>Mẹo:</strong> Nếu bạn muốn có biểu tượng thả xuống bên cạnh danh sách thả xuống văn bản, thêm biểu tượng phù hợp:</p> <div class="w3-bar w3-light-grey"> <a href="#" class="w3-bar-item w3-button">Trang chủ</a > <a href="#" class="w3-bar-item w3-button">Liên kết 1</a> <div class="w3-dropdown-hover w3-hover-orange"> <button class="w3 -button w3-hover-orange">Thả xuống <i class="fa fa-caret-down"></i></button> <div class="w3-dropdown-content w3-bar-block w3-white w3 -card-4"> <a href="#" class="w3-bar-item w3-button">Liên kết 1</a> <a href="#" class="w3-bar-item w3-button ">Liên kết 2</a> <a href="#" class="w3-bar-item w3-button">Liên kết 3</a> </div> </div> </div> </div> </body> </html>