Ví dụ cách tạo menu ngang Code: <!DOCTYPE html> <html> <head> <style> ul#menu { padding: 0; } ul#menu li { display: inline; } ul#menu li a { background-color: black; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px 4px 0 0; } ul#menu li a:hover { background-color: orange; } </style> </head> <body> <h2>Hiển thị danh sách ngang như một menu</h2> <ul id="menu"> <li><a href="/html/hoc-html/">Học HTML</a></li> <li><a href="/thu-vien/thu-vien-html/">Thư viện HTML</a></li> <li><a href="/thu-vien/thu-vien-html/thu-vien-su-kien/">Sự kiện HTML</a></li> </ul> </body> </html> Kết quả:
WebVN Cộng đồng web Việt Nam