Tạo menu trên trang web


Chào các bạn hôm nay mình xin chia sẻ với các bạn tạo một menu , như mọi người đã biết mỗi trang web đều có riêng cho nó một menu riêng nhưng nó đều tạo ra theo một cách chung :
-đầu tiên các bạn tạo ra một trang HTML cùng 1 thẻ div để phân vùng menu
-bước thứ 2 : các bạn sẽ tạo ra các thẻ ul và li
--LƯU Ý : bạn nên thêm thẻ a để có liên kết tới một địa chỉ bạn muốn

chúng ta sẽ có kết quả đầu tiên
Tiếp theo chúng ta sẽ định dạng CSS để menu đẹp hơn


Giải thích : đầu tiên mình sẽ set chiều cao là 100% để lấy full màn hình web
+tiếp theo mình sẽ set chiều cao cho thanh menu là width:80px;.
+tiếp theo mình sẽ dùng display : inline-block; để xếp các thuộc tính li cùng nằm trên 1 hàng ngang
+dùng list-style để ẩn đi các dấu chấm tròn ở đầu thẻ li , vì đó là kiểu danh sách .
+tiếp theo dùng height và line-height để các thuộc tính tự động căn chỉnh ra giữa mà không cần đến +margin
+color dùng để set màu chữ cho văn bản.
+tiếp theo mình sẽ dùng margin-left:30px; để đẩy các thẻ li sang trái 30px .
+tiếp đó mình dùng text-decoration : none; để ẩn gạch chân mỗi khi dùng thẻ a .
---Ngoài ra các bạn có thể dùng thêm :hover để tạo hiệu ứng mỗi khi đưa chuột vào ---


CHÚC MỌI NGƯỜI SẼ LÀM CHO MÌNH ĐƯỢC MỘT MENU ƯNG Ý !
BÀI SAU MÌNH SẼ HƯỚNG DẪN LÀM MENU ĐA CẤP
GOODLUCK !!





Comments