Hướng dẫn làm menu đa cấp bằng CSS

[@suntech-academy]

Học nhiều hơn ở đây các bạn nhé suntech.edu.vn/dung-giao-dien-hoan-chinh-tu-file-photoshop-bang-html-css.suncourse.html

[@namducnguyen2431]

Hướng dẫn làm menu đa cấp bằng CSS *{ margin: 0; padding: 0; box-sizing: border-box; } body{ font-family: sans-serif; font-size: 18px; } .container{ width: 680px; height: 40px; background: #6d136a; margin: 50px auto; } ul.root > li { list-style: none; float: left; position: relative; } ul.root > li > a{ text-decoration: none; color: #fff; padding: 0px 12px 0px 12px; line-height: 40px; display: block; } ul.root > li > a:hover{ background-color: yellow; color: red; transform: ease-in 0.35s; } ul.submenu { width: 250px; background: #6d136a; min-height: 80px; display: none; position: absolute; } ul.submenu li { list-style: none; } ul.submenu li a { text-transform: none; text-decoration: none; color: #fff; display: block; border: 1px solid #ccc; line-height: 40px; text-indent: 10px; } ul.root > li:hover ul.submenu{ display: block; background-color: #6d136a; color: red; transform: ease-in 0.35s; } ul.submenu li a:hover{ background-color: yellow; color: red; transform: ease-in 0.35s; } Home Blog Shop Women Man Kid Game Container

[@longnguyenngoc9346]

CÁM ƠN BẠN NHIỀU NHÉ

[@Sibachao304]

.

[@ngocpham3423]

Bài giảng bổ ích, và chi tiết . Thanks kiu anh .

[@opebear]

video rất hay, e cảm ơn a nhiều

[@opebear]

a ơi sao e ko tìm thấy video tạo tiếp menu con cấp 2 ạ

[@AlbertNgLTruong123]

cảm ơn anh

[@ttnguyenblog]

Cảm ơn anh..quá ghê

[@LuisK0812]

Cám ơn anh vì bài học bổ ích này. Em có câu hỏi là Nếu dưới menu có 1 cái hình dì đó thì nó có đẩy cái hình đó xuống dòng k hay nó hiện đè lên hình đó anh nhỉ.... mong anh giải đáp.

[@suntech-academy]

Anh chưa hiểu câu hỏi của em

[@vatlyvadoisong3]

cảm ơn anh!!!

[@XuanNguyen-zh5ui]

hay quá ạ

[@giabao3990]

Ad ơi , sao hover của em nó ko ra màu khi nhấp chuột vào các menu ạ , em xài VS code , chỉ giúp em với

[@VuNguyenHuuDanh]

anh ơi sao em hover vào chữ product xong di chuyển xuống menu con ở dưới thì menu con nó tự biến mất vậy anh

[@thienduct585]

co phan 2 khong anh

[@suntech-academy]

Có bạn a

[@thienduct585]

SUNTECH VIỆT NAM em tìm ko ra anh cho em xin đường link đc ko ạ, em cảm ơn

[@vulyvan3285]

chữ của cháu nó nhày lên trên thẻ product của chú

[@suntech-academy]

Gửi anh đi cháu

[@laptrinhtraitim4366]

anh ơi hover vào menu con là backgrow của menu cha bị mất màu ạ

[@suntech-academy]

Em bị sai ở đâu rồi

[@trantuananh4185]

cho e xin file mau vs ak

[@MN-wi2lm]

Cho mình xin file psd ạ

[@thaoavanh6298]

Anh ơi cho em xin code ạ

[@minhhoang1077]

anh ơi, cho em xin code vs ạ. [e-mail] ..... em code giống anh nhưng cái submenu không hiện ra khi em trỏ chuột vào li cha là sao vậy a, em cám ơn ạ

[@suntech-academy]

Minh Hoàng em lên page suntech việt nam chat vào có bạn hỗ trợ nhé

[@hominhtuan9739]

cho em xin file ạ gmail: [e-mail]

[@yeulep6049]

[e-mail] cho e xin file mẫu ạ

[@suntech-academy]

Nguyễn Hary em check email nhé

[@wikianime1641]

@@suntech-academy [e-mail] cho em xin nữa ạ

[@sinemapopcorn655]

[e-mail] xin code mẫu với

[@minhngoc4203]

Cho em xin code mẫu với ạ [e-mail]

[@siuu9375]

[e-mail] cho e xin với ạ

[@quocmanhtran3559]

Cho e xin code ạ [e-mail] e cảm ơn ạ

[@manhhungnguyen2971]

cho e xin code ạ. [e-mail] .E cảm ơn ạ

[@suntech-academy]

Done