Học lập trình Web A-Z – CSS – Bài 12 – border image, màu nền hòa trộn Gradient và bóng đổ



Loạt video chủ đề dạy học lập trình và thiết kế website online từ A-Z. Phần CSS. Bài 12: Bài này sẽ dạy các bạn cách dùng hình ảnh làm border, cách làm màu nền hòa trộn dạng gradients và cách làm bóng đổ (shadow).

► ỦNG HỘ TÀI CHỈNH TÁC GIẢ
Nếu bạn muốn ủng hộ tài chính cho tác giả, bất kể bao nhiêu, bạn có thể chuyển khoản qua tài khoản:
———————————————————————————-
| TECHCOMBANK, Nguyễn Kiệm, TP Hồ Chí Minh
| Chủ TK ___: ĐẶNG VĂN LEL
| Số TK ____: 19027982455010
———————————————————————————-

► LINK TẢI SLIDE POWER POINT và hình ảnh thực hành

[PHẦN CSS]
🎬 Video phần CSS bài 11:
🎬 Video phần CSS bài 10:
🎬 Video phần CSS bài 9:
🎬 Video phần CSS bài 8:
🎬 Video phần CSS bài 7:
🎬 Video phần CSS bài 6:
🎬 Video phần CSS bài 5:
🎬 Video phần CSS bài 4:
🎬 Video phần CSS bài 3:
🎬 Video phần CSS bài 2:
🎬 Video phần CSS bài 1:

[PHẦN HTML]
🎬 Video phần HTML bài 6:
🎬 Video phần HTML bài 5:
🎬 Video phần HTML bài 4:
🎬 Video phần HTML bài 3:
🎬 Video phần HTML bài 2:
🎬 Video phần HTML bài 1:

TỔNG QUAN TOÀN KHÓA HỌC
📝 Giới thiệu chi tiết về cách mà một website làm việc như thế nào trên internet.
📝 PHẦN 1: HTML & HTML5
📝 PHẦN 2: CSS & CSS3
📝 PHẦN 3.1: JAVASCRIPT
📝 PHẦN 3.2: jQuery (đã có VIDEO riêng về jQuery)
📝 PHẦN 4: Khái niệm về cơ sở dữ liệu quan hệ
📝 PHẦN 5: Học T-SQL và MS SQL Server (chuẩn bị cho .NET)
📝 PHẦN 6: ASP.NET MVC
📝 PHẦN 7: Học SQL và MySQL Server (chuẩn bị cho PHP)
📝 PHẦN 8: PHP
📝 PHẦN 9 (kết thúc): Giới thiệu khái niệm Web Framework và giới thiệu một số Web Framework viết bằng PHP.

XIN LƯU Ý: Chúng tôi chỉ cho phép bạn chia sẽ lại dạng nhúng. Video này chỉ phát hành duy nhất trên kênh YOUTUBE của THƯ VIỆN LẬP TRÌNH. Nghiêm cấm mọi hành vi tải về và xuất bản lại tại bất cứ nơi nào khác. Xin cảm ơn.

THÔNG TIN TÁC GIẢ
———————————
• Đặng Văn Lel
• 0906605140
• dangvanlel@gmail.com

(*) Nếu bạn thấy có vấn đề gì về việc xâm hại bản quyền nội dung hoặc hình ảnh trong video, xin vui lòng hãy liên hệ (tel) 0906605140 hoặc (mail) dangvanlel@gmail.com trước khi làm gì khác. Chúng tôi sẽ hỗ trợ hết mức có thể để giải quyết vấn đề xâm phạm bản quyền (nếu có) đối với bạn.

Nguồn: https://daihocphuongdong.com

Xem thêm bài viết khác: https://daihocphuongdong.com/giai-tri/

  • e có thắc mắc là làm sao để mỗi cạnh của border là một hình khác nhau. ví dụ border top là 1 hình khác, border left lại là 1 hình khác border top,…

    Đức Thọ Vũ 13/04/2020 00:19 Reply
  • cái khung png làm sao để có ạ

    Nhựt Trịnh 13/04/2020 00:19 Reply
  • cảm ơn thầy giáo rất nhiều nuôn

    lifeOf_btbn 13/04/2020 00:19 Reply
  • anh ơi chỉ cách xây dựng 1 website hoàn chỉnh ik anh

    tom ana 13/04/2020 00:19 Reply
  • hay đó ad, nhưng phần này thấy k qt lắm ahi

    Test Bản Hack 13/04/2020 00:19 Reply
  • chào anh, cho em hỏi tại sao phải đặt margin cho thẻ body >0 mới xuất hiện được background:linear-gradient ạ

    Hy Hồ 13/04/2020 00:19 Reply
  • quá hay, em like tất cả

    Nhan Huynh 13/04/2020 00:19 Reply
  • có mấy cái thấy a còn thiếu với nói qua nhanh cái cần . cái không cần thì a nói lâu
    thẻ body a set height là 100% thì 100% đó là gì . 100% của 1000px 100% của 500px hay là gì. dùng background thì a phải set height thì nó mới hiểu . Còn không thì dùng 100vh để lấy theo màn hình chứ
    Bài hướng dẫn cũng tạm được cho người mới học css từ đầu thôi chứ chưa thấy gọi là nâng cao

    Khoa Học Vũ Trụ New 13/04/2020 00:19 Reply
  • AD có cái tài liệu word của mỗi bài học ko ạ ,cho em xin với?
    Cho em cảm ơn trước nha!

    Quỳnh Xuân Ayunpa Nhà Thuốc 13/04/2020 00:19 Reply
  • Cảm ơn Ad nhiều nha…Video rất hữu ích…Mong Ad sớm ra video Jquerry nha

    Anh Nhân 13/04/2020 00:19 Reply
  • thanks anh ạ

    Onepiece VN 13/04/2020 00:19 Reply
  • e đang học đến bài này sau 1 tuần, nhưng mà lượng kiến thức các môn trên trường rất nhiều, a tư vấn giúp e nên học như nào cho hiệu quả ạ ( Có nên học nhanh để đến JaVa -> PhP -> MySql không ạ. Dự tính e tầm 2 tháng là học xong rồi bập bõm viết web)

    Hiếu Bùi Công 13/04/2020 00:19 Reply
  • em nghĩ ở phần thực hành linear-gradient đoạn 16:15 nếu thầy thay chỉ số heght:100vh thì sẽ hiện ra toàn màn hình ạ

    Khánh Duy Phạm 13/04/2020 00:19 Reply
  • anh ơi lệnh background-blend-mode không có trong bảng lệnh hỗ trợ của dreamweaver cs6 ah a?

    giang ngo 13/04/2020 00:19 Reply
  • Em đã gửi kb với thầy .Mong thầy kết bạn facebook với em .

    Hùng Anh 13/04/2020 00:19 Reply
  • rất chi tiết , tớ rất thích !

    Lương Công Hùng 13/04/2020 00:19 Reply
  • anh ơi cho em hỏi sao lệnh background-blend-mode của e ko dùng đk.

    Minh Pham 13/04/2020 00:19 Reply
  • bạn làm rất tỉ mỉ chi tiết nhưng mình muốn học cái này mà xem k hiểu gì hết. cái này là mình có 1 website roi mình mới lập trình hả bạn

    Sy Phi Ho 13/04/2020 00:19 Reply

Leave a Reply

Your email address will not be published. Required fields are marked *