Học lập trình Web A-Z – CSS – Bài 6 – Học cách dùng CSS để định dạng đường viền (border)



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 6: Học cách sử dụng các thuộc tính về định dạng đường viền (BORDER) cho phần tử HTML. Bao gồm đường viền và bo công đường viền (BORDER-RADIUS).

► Ủ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

[PHẦN CSS]
🎬 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://baovnexpress.com/

  • 2020 ai còn xem như mình hông <3

    Vlogs Đức Cọt March 25, 2020 10:11 pm Reply
  • Em thấy border-style: dashed; Dùng thì sẽ đẹp hơn đó thầy

    Đức Tài Nguyễn March 25, 2020 10:11 pm Reply
  • đánh dấu đã xem tới đây !!!, cảm ơn tác giả .

    Quý Trần March 25, 2020 10:11 pm Reply
  • thầy ơi với border-radius nếu là hình vuông thì khai báo
    border-radius:360px; thì luôn ra hình tròn mà ko cần tính đường kính hay bán kính đâu ạ

    ờ ờ March 25, 2020 10:11 pm Reply
  • Cảm ơn thầy nhiều 😀

    Neik Trung March 25, 2020 10:11 pm Reply
  • Cảm ơn tác giả rất rất nhiều.

    Kẻ Thất Bại March 25, 2020 10:11 pm Reply
  • thầy ơi em cài bản DW 2017 crack xong em copy cái file amtlib.dll vào cùng file cài DW mà vẫn k được ạ , nó cứ bảo chỉ cho dùng thử 6 ngày thôi ạ

    Thái Dương March 25, 2020 10:11 pm Reply
  • Thật sự em chẳng biết một tí gì về web, cám ơn bài học của thầy đã dạy cho em hiểu, ngày càng giỏi hơn về web, chân thành cám ơn thầy rất nhiều!!

    Bùi Văn Hiếu March 25, 2020 10:11 pm Reply
  • thầy làm em tưởng tai nghe bị hư, nghe được mỗi tai trái .-.

    c0ldf1re CSGO March 25, 2020 10:11 pm Reply
  • Dạ thầy giảng rất hay nhưng bài này em không nghe được loa phải 🙂

    Roti Trung March 25, 2020 10:11 pm Reply
  • Em rất cảm kích những bài giảng của anh! Rất chân thành và dễ hiểu! Mong anh sức khỏe

    Trần Hoàng Anh March 25, 2020 10:11 pm Reply
  • Cảm ơn thầy nha

    Vĩnh Thịnh March 25, 2020 10:11 pm Reply
  • khi muốn 2 dòng phân biệt vô chung 1 viền thì lm sao ạ

    ĐTK tv March 25, 2020 10:11 pm Reply
  • làm sao để bik 1 px khoảng bao nhiu trên màn hình?

    Nam Nguyen March 25, 2020 10:11 pm Reply
  • a ơi a dạy rất dễ hiểu
    cho e hỏi là
    đã học ở bài trc
    vậy bài trc ở đâu vậy

    cover việt March 25, 2020 10:11 pm Reply
  • hay.

    Âm nhạc đường phố March 25, 2020 10:11 pm Reply
  • hay a oi

    Bao Vo March 25, 2020 10:11 pm Reply
  • em định dạng ra các hộp khác nhau, thì nó chỉ nằm theo ở phía dưới. Làm sao cho các hộp đó nằm trên đường ngang (theo trục x) vậy anh

    Relex March 25, 2020 10:11 pm Reply
  • Hay lắm anh! Mong anh sẽ làm nhiều video hơn nữa.

    Phương Liên March 25, 2020 10:11 pm Reply
  • hay lắm

    Hoàng Duy Trần March 25, 2020 10:11 pm Reply
  • cảm ơn anh nhiều

    sa kura March 25, 2020 10:11 pm Reply
  • rất hay, cảm ơn anh <3

    Duy Diệp March 25, 2020 10:11 pm Reply
  • Hihi… cảm ơn anh rất nhiều

    Anh Nhân March 25, 2020 10:11 pm Reply
  • cho em góp ý nhá! e thây khóa học của a không có php , mong a làm về php nha a e cám ơn nhìu!!

    New Lifes March 25, 2020 10:11 pm Reply
  • Anh cho em hỏi kênh mình có bài nào tạo bố cục cho văn bản bằng css không anh

    ESPORT LEAGUE March 25, 2020 10:11 pm Reply
  • e cảm ơn a ạ !

    Còi Hậu March 25, 2020 10:11 pm Reply
  • Ad ơi sao em làm Border-radius khác với cách ad nói, cụ thể:
    3 bộ giá trị: trái trên, phải trên + trái dưới, phải dưới
    2 bộ giá trị: trái trên + phải dưới, phải trên + trái dưới
    Ad xem xét giúp em ạ.
    Em thấy nó vẫn đi theo kiểu thông số từ trái qua phải nếu hết thì đi ngược lại!
    Vd: Bộ 3(10px,20px,40px) thì chiều nó đi đơn giản là 10px -> 20px -> 40px ->20px

    Trí Nguyễn March 25, 2020 10:11 pm Reply
  • cho em xin link tai phan mem DW di a

    Quy Nguyendinh March 25, 2020 10:11 pm Reply
  • em cảm ơn anh

    Hùng Anh March 25, 2020 10:11 pm Reply
  • sao khong cho them bai tap nhi

    nguyenkine678 1234 March 25, 2020 10:11 pm Reply
  • ray la hay va de hieu

    nguyenkine678 1234 March 25, 2020 10:11 pm Reply
  • thầy ơi e nghĩ thầy nên dùng từ điển cambridge http://dictionary.cambridge.org/dictionary/english/
    để đọc tiếng anh hay hơn và chuẩn hơn ạ, tiêu biểu là từ width thầy đọc sai suốt, nội dung thì thầy dạy miễn chê rồi ạ :)))

    hằng dương March 25, 2020 10:11 pm Reply
  • e xin cám ơn a

    TRONG HIEU HIEU March 25, 2020 10:11 pm Reply
  • anh cho e hỏi:
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Tiêu đề</title>
    <link rel="stylesheet" type="text/css" href="dinhdang.css">
    </head>
    <body>
    <div id="my_border"></div>
    </body>
    </html>
    còn css là: #my_border{
    width:100px;
    height:50px;
    background-color:#F90;
    border:1px solid:green;
    }
    mà sao nó không có đường viền vậy a, xin a chỉ dùm cho em. em cám ơn.

    TRONG HIEU HIEU March 25, 2020 10:11 pm Reply

Leave a Reply

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