T

a

n

chau123

Blog Giải Trí Tổng Hợp

trang chủ
Báo lỗi bài
    Báo lỗi thông tin bài viết

    Nhập thông tin báo lỗi vào ô bên dưới

Thích trang
    Trở thành fan của Tanchau123.blogspot.com

    Bạn muốn nhận tin tức mới nhất từ Tanchau123.blogspot.com? Hãy nhấn nút "Thích" bên dưới để nhận thông tin mới nhất từ chúng tôi trên Facebook.

10 năm trước

Học CSS: Cách dùng lệnh padding và margin

Padding và Margin là những lệnh thường dùng trong tuỳ chỉnh CSS. Tuy nhiên, làm sao để sử dụng chúng một các phù hợp và đúng mục đích là một câu hỏi không dễ trả lời.
1/ LỆNH PADDING
Tên lệnh:
Padding (bung) thành phần được dùng trong trường hợp bạn muốn bung hay làm giản khoảng cách với một đối tượng khác ở bên ngoài, gồm 4 vị trí cơ bản padding-top(bung trên), padding-right(bung phải), padding-bottom(bung dưới), padding-left(bung trái).
Lệnh:
tuỳ theo trường hợp mà khoảng cách muốn bung có giá trị thay đổi khác nhau, nhỏ nhất là 1px.
Ví dụ, nếu muốn bung chữ "padding" 30px có nền vàng viền đen thì ta viết:
<div style='padding:30px;background:yellow;border:1px solid black'>padding</div>
...và hiển thị
padding
2/ LỆNH MARGIN
Tên lệnh:
Margin(cách) thành phần được dùng khi bạn muốn thành phần ngoài cách thành phần trong với một khoảng nhất định. Chú ý là cách vì bung là thành phần trong muốn bung ra ngoài. Lệnh này cũng gồm 4 vị trí cơ bản margin-top(cách trên), margin-right(cách phải), margin-bottom(cách dưới), margin-left(cách trái).
Lệnh:
giống như padding
Ví dụ như trường hợp ở phần padding, tôi muốn thêm vào lệnh "margin:15px" thì viết:
<div style="background: yellow; border: 1px solid black; padding: 30px; margin:15px">padding</div>
...và hiển thị
padding
Nếu có thêm 1 đối tượng khác có tên margin có nền đỏ viền đen và cách đối tượng "padding" 15px về bên trái thì viết:
<div style="background: yellow; border: 1px solid black; padding: 30px">padding</div><div style="background: red; border: 1px solid black; padding: 30px; margin-left:15px">margin</div>
...và hiển thị
padding
margin
lệnh background border padding margin

Bình luận

· Thêm biểu tượng cảm xúc
    Chọn biểu tượng cảm xúc

    Mỗi biểu tượng có chuỗi ký tự mã hoá tương ứng. Nếu muốn chèn biểu tượng thì thêm chuỗi ký tự ::v vào nhận xét.

    Bạn đang cảm thấy thế nào ?

    ::a
    ::b
    ::c
    ::d
    ::e
    ::f
    ::g
    ::h
    ::i
    ::j
    ::k
    ::l
    ::m
    ::n
    ::o
    ::p
    ::q
    ::r
    ::s
    ::t
    ::u
    ::v
    ::w
    ::0
    ::1
    ::2
    ::3
    ::4
    ::5
    ::6
    ::7
    ::8
    ::9
    :-0
    :-1
    :-2
    :-3
    :-4
    :-5
    :-6
    :-7
    :-8
    :-9
    --0
    --1
    --2
    --3
    --4
    --5
    --6
    --7
    --8
    --9
    ''0
    ''1
    ''2
    ''3
    ''4
    ''5
    ''6
    ''7
    ''8
    ''9
    ;;0
    ;;1
    ;;2
    ;;3
    ;;4
    ;;5
    ;;6
    ;;7
    ;;8
    ;;9
    ``0
    ``1
    ``2
    ``3
    ``4
Chọn "Nhận xét với tên: Ẩn danh" hoặc Đăng ký tài khoản để bình luận
  • Loading...Anonymous11:27 23/3/22
    Đoạn Tình Từ Hy - Lover Of The Last Empress (1995) [18+] >>>>> Download Now >>>>> Download Full Đoạn Tình Từ Hy - Lover Of The Last Empress (1995) [18+] >>>>> Download LINK >>>>> Download Now Đoạn Tình Từ Hy - Lover Of The Last Empress (1995) [18+] >>>>> Download Full >>>>> Download LINK