Tạo Menu Ngang Bằng Css

      28

Menu hay thanh điều hướng trong website là thành phần không thể thiếu, nhằm mục đích để điều hướng tới các trang tương ứng một cách nhanh chóng. Trong bài viết này, mình hướng dẫn tạo thanh menu (1 cấp) ngang đơn giản bằng CSS và HTML.


Bạn đang xem: Tạo menu ngang bằng css

*

Hướng dẫn tạo menu ngang bằng HTML và CSS

# Xây dựng cấu trúc cho menu

Chúng ta sẽ sử dụng thử và để xây dựng “bộ xương” cho menu


Sau khi lưu lại chúng ta sẽ có kết quả như sau:

*

Để menu trên trở thành một thanh điều hướng đúng nghĩa, chúng ta cần thêm một tí CSS dưới dây:

#menu ul{list-style-type:none;padding:0px;margin:0px;}/* dòng lệnh này để căn cho menu nằm ngang*/#menu ul li{display:inline;} #menu ul a{text-decoration:none;width:129px;float:left;background:#000;color:#fff;font-weight:bold;text-align:center;line-height:35px;border-left:1px solid #fff;}Đây chỉ là cấu trúc cơ bản cho các bạn phát triển Menu theo tuỳ ý của mình. Như vậy trong bài này, mình đã hướng dẫn cho các bạn tạo menu đơn giản 1 cấp bằng CSS. Mình sẽ có thêm những bài hướng dẫn tao Menu đa cấp, với nhưng hiệu ứng nâng cao.


Những gì bạn cần làm khi bắt đầu với một website mới

Xây dựng cấu trúc của website

Tạo code hiệu ứng loading cực chuẩn chỉ với CSS3

Khi nào bạn cần có một website thật sự?

Hướng dẫn tạo banner quảng cáo 2 bên website với HTML và CSS

13 Bước cần thiết để bắt đầu xây dựng một Website

Hiệu ứng Text bay nhảy tuyệt đẹp với Plugin Animation Effects

Sự quan trọng của các thẻ mô tả trong cấu trúc website


Add a Comment Cancel reply


Chuyên mục


Kiếm tiền OnlineHọc WordPress

*


Xem thêm: Rom Máy Tính Là Gì ? Cấu Tạo Và Đặc Điểm Rom Máy Tính Cấu Tạo Và Đặc Điểm Rom Máy Tính

*


MARKETING ONLINE


THIẾT KẾ WEBSITE


hostingvietnam.vn BLOG


VỀ hostingvietnam.vn


*

hostingvietnam.vn © 2014