Số điện thoại đặt hàng *
Mã đơn hàng *
Minh họa về menu đa cấp
Để tạo menu đa cấp, chúng ta sẽ sử dụng thẻ <ul>
<li>
để tạo từng mục trong menu đó.
<
div
id
=
"menu_top">
<
ul
>
<
li
><
a
href
=
"#"
>Home</
a
></
li
>
<
li
><
a
href
=
"#"
>About</
a
></
li
>
<
li
>
<
a
href
=
"#"
>Product</
a
>
<ul>
<
li
>
<
a
href
=
"#"
>Product cat 1</
a
>
<ul>
<
li
><
a
href
=
"#"
>Product cat 1.1</
a
></
li>
<
li
><
a
href
=
"#"
>Product cat 1.2</
a
></
li>
</ul>
</
li>
<
li
><
a
href
=
"#"
>Product cat 2</
a
></
li>
</ul>
</
li
>
<
li
><
a
href
=
"#"
>Contact</
a
></
li>
</
ul>
</
div
>
Ta tạo các thẻ css theo tên đặt của thành phần html ở trên.
#
menu_top
{
css cho khung ngoài cùng của menu
}
#menu_top ul
{css ở thẻ ul trong khung menu
}
#
menu_top ul li
{css thẻ li là con của thẻ ul nằm trong khung menu
}
#
menu_top ul li a
{css thẻ a là con của thẻ li và là con của thẻ ul nằm trong khung menu
}
#
menu_top ul li ul
{css thẻ ul là con của thẻ li và là con của thẻ ul nằm trong khung menu
}
#
menu_top ul li ul li
{css thẻ li là con của thẻ ul và là con của thẻ li và con của thẻ ul nằm trong khung menu
}
#
menu_top ul li ul li a
{css thẻ a là con của thẻ li và là con của thẻ ul và là con của thẻ li và con của thẻ ul nằm trong khung menu
}
Click xem video chi tiết cách tạo menu đa cấp
Chúc các bạn thành công !
Thực hành viết menu đa cấp bằng CSS
Bạn đang cần tư vấn về dịch vụ của chúng tôi, vui lòng liên hệ hotline hoặc gửi thông tin tư vấn, chúng tôi sẽ liên lạc với bạn trong thời gian sớm nhất có thể. [ Lưu ý: Để nâng cao chất lượng dịch vụ, vui lòng cung cấp thông tin chính xác để chúng tôi phục vụ các bạn tốt nhất. ]
Địa chỉ:
147A Đường TX 21, Phường Thạnh Xuân, Quận 12, TP. Hồ Chí Minh
Chi nhánh:
407 đường DT 720, Xã Suối Kiết, Huyện Tánh Linh, Tỉnh Bình Thuận
Chi nhánh:
Số 24 ấp 1, Xã An Thái Trung, Huyện Cái Bè, Tỉnh Tiền Giang
Phone:
0937.587.087
-
0933.944.379
-
0932.812.444
Email:
quocbuugroup@gmail.com
Website:
https://quocbuugroup.com
Mã số thuế: 031169735