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

  Рет қаралды 56,889

SUNTECH ACADEMY

SUNTECH ACADEMY

Күн бұрын

Пікірлер: 57
@suntech-academy
@suntech-academy 3 жыл бұрын
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
@namducnguyen2431 4 жыл бұрын
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
@longnguyenngoc9346 3 жыл бұрын
CÁM ƠN BẠN NHIỀU NHÉ
@Sibachao304
@Sibachao304 3 жыл бұрын
.
@ngocpham3423
@ngocpham3423 4 жыл бұрын
Bài giảng bổ ích, và chi tiết . Thanks kiu anh .
@opebear
@opebear 4 жыл бұрын
video rất hay, e cảm ơn a nhiều
@opebear
@opebear 4 жыл бұрын
a ơi sao e ko tìm thấy video tạo tiếp menu con cấp 2 ạ
@AlbertNgLTruong123
@AlbertNgLTruong123 3 жыл бұрын
cảm ơn anh
@ttnguyenblog
@ttnguyenblog 3 жыл бұрын
Cảm ơn anh..quá ghê
@LuisK0812
@LuisK0812 4 жыл бұрын
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
@suntech-academy 4 жыл бұрын
Anh chưa hiểu câu hỏi của em
@vatlyvadoisong3
@vatlyvadoisong3 4 жыл бұрын
cảm ơn anh!!!
@XuanNguyen-zh5ui
@XuanNguyen-zh5ui 3 жыл бұрын
hay quá ạ
@giabao3990
@giabao3990 3 жыл бұрын
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
@VuNguyenHuuDanh 3 жыл бұрын
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
@thienduct585 3 жыл бұрын
co phan 2 khong anh
@suntech-academy
@suntech-academy 3 жыл бұрын
Có bạn a
@thienduct585
@thienduct585 3 жыл бұрын
SUNTECH VIỆT NAM em tìm ko ra anh cho em xin đường link đc ko ạ, em cảm ơn
@vulyvan3285
@vulyvan3285 3 жыл бұрын
chữ của cháu nó nhày lên trên thẻ product của chú
@suntech-academy
@suntech-academy 3 жыл бұрын
Gửi anh đi cháu
@laptrinhtraitim4366
@laptrinhtraitim4366 3 жыл бұрын
anh ơi hover vào menu con là backgrow của menu cha bị mất màu ạ
@suntech-academy
@suntech-academy 3 жыл бұрын
Em bị sai ở đâu rồi
@trantuananh4185
@trantuananh4185 4 жыл бұрын
cho e xin file mau vs ak
@MN-wi2lm
@MN-wi2lm 4 жыл бұрын
Cho mình xin file psd ạ
@thaoavanh6298
@thaoavanh6298 4 жыл бұрын
Anh ơi cho em xin code ạ
@minhhoang1077
@minhhoang1077 4 жыл бұрын
anh ơi, cho em xin code vs ạ. hoangminhzxzx@gmail.com ..... 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
@suntech-academy 4 жыл бұрын
Minh Hoàng em lên page suntech việt nam chat vào có bạn hỗ trợ nhé
@hominhtuan9739
@hominhtuan9739 5 жыл бұрын
cho em xin file ạ gmail: tuanho37na@gmail.com
@yeulep6049
@yeulep6049 5 жыл бұрын
khtnty3@gmail.com cho e xin file mẫu ạ
@suntech-academy
@suntech-academy 5 жыл бұрын
Nguyễn Hary em check email nhé
@wikianime1641
@wikianime1641 5 жыл бұрын
@@suntech-academy wtf.omg.2k1@gmail.com cho em xin nữa ạ
@sinemapopcorn655
@sinemapopcorn655 5 жыл бұрын
hiep.hoang.trinh@gmail.com xin code mẫu với
@minhngoc4203
@minhngoc4203 4 жыл бұрын
Cho em xin code mẫu với ạ phuocducmaihong@gmail.com
@siuu9375
@siuu9375 4 жыл бұрын
ngocphuc1399@gmail.com cho e xin với ạ
@quocmanhtran3559
@quocmanhtran3559 4 жыл бұрын
Cho e xin code ạ quocmanhsvfpt@gmail.com e cảm ơn ạ
@manhhungnguyen2971
@manhhungnguyen2971 4 жыл бұрын
cho e xin code ạ. nguyenhung15112001@gmail.com .E cảm ơn ạ
@suntech-academy
@suntech-academy 4 жыл бұрын
Done
Dựng giao diện mobile với HTML CSS3
26:27
SUNTECH ACADEMY
Рет қаралды 4,1 М.
Правильный подход к детям
00:18
Beatrise
Рет қаралды 11 МЛН
小丑教训坏蛋 #小丑 #天使 #shorts
00:49
好人小丑
Рет қаралды 54 МЛН
СИНИЙ ИНЕЙ УЖЕ ВЫШЕЛ!❄️
01:01
DO$HIK
Рет қаралды 3,3 МЛН
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41
Phân biệt Padding, Border, Margin Css rõ ràng, chi tiết
25:02
Phan Văn Cương [Học Web Online]
Рет қаралды 8 М.
How to Create Responsive Navigation Bar using HTML and CSS
8:00
CodingNepal
Рет қаралды 2,9 МЛН
Cách sử dụng Tất cả thẻ Form trong HTML
55:35
SUNTECH ACADEMY
Рет қаралды 12 М.
Hướng dẫn tạo MENU ĐA CẤP với HTML, CSS dễ dàng | Unitop.vn
1:10:46
Phan Văn Cương [Học Web Online]
Рет қаралды 121 М.
[Học CSS - 19] Cách làm menu ngang dropdown cơ bản
11:20
Thạch Phạm
Рет қаралды 168 М.
Cách Tạo Menu Đa Cấp Sử Dụng HTML và CSS
31:49
Khám Phá Công Nghệ LST
Рет қаралды 10 М.
12 - Xây dựng trang web hoàn chỉnh bằng HTML
28:21
SUNTECH ACADEMY
Рет қаралды 41 М.
Học "xong" CSS trong 1 clip, code được cái web siêu đẹp
28:16
Phạm Huy Hoàng
Рет қаралды 374 М.
Правильный подход к детям
00:18
Beatrise
Рет қаралды 11 МЛН