Tạo bởi: Bùi Xuân Hà

25/05/2021

Lập trình html Lập trình web

Bài 12: Cách sử dụng Padding trong css

Nội dung bài viết

Cách sử dụng Padding trong css

Thuộc tính padding trong CSS được sử dụng để thêm khoảng trống vào bên trong một phần tử HTML. Bạn có thể sử dụng các giá trị của padding để tùy chỉnh khoảng trống theo các hướng khác nhau, ví dụ như padding-top, padding-right, padding-bottom và padding-left. Dưới đây là một số cách sử dụng padding:

1. Padding cho tất cả các hướng:

div {
  padding: 10px;
}

Trong ví dụ trên, phần tử <div> sẽ có khoảng trống bên trong bằng 10px với các phần tử con của nó theo tất cả các hướng.

2. Padding cho từng hướng:

div {
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 15px;
  padding-left: 20px;
}

Trong ví dụ trên, phần tử <div> sẽ có khoảng trống bên trong 10px với phần tử con ở phía trên, 5px với phần tử con bên phải, 15px với phần tử con bên dưới và 20px với phần tử con bên trái.

Bạn có thể sử dụng các giá trị khác nhau của padding để tạo ra khoảng trống tùy chỉnh bên trong các phần tử HTML của mình. Khoảng trống này có thể được sử dụng để tạo ra các hiệu ứng khoảng cách giữa các phần tử con của một phần tử cha hoặc tạo ra các khu vực chứa nội dung trong phần tử HTML.

Nội dung thảo luận

Họ Và Tên

=> Phần mềm là tập hợp một hoặc nhiều khối lệnh logic được viết bằng một hoặc nhiều ngôn ngữ khác nhau sau đó mã hóa để máy tính, điện thoại, vi điều khiển,... gọi chung là phần cứng có thể thực thi được.

Bỏ

Tốt

Trả lời

Họ Và Tên

Bình luận

Khóa học CSS

Cung cấp đầy đủ kiến thức cơ bản nền về CSS, tạo nền tảng vững chắc khi lập trình sản phẩm.

72h45'

44 bài

Bài 1: Nhập môn CSS Nhập môn CSS

Bài 2: Tổng quan về CSS Tổng quan về CSS

Bài 3: Cài đặt và công cụ viết CSS Cài đặt và công cụ viết CSS

Bài 4: Cấu trúc câu lệnh css Cấu trúc câu lệnh css

100

Bài 5: Cách đưa css vào trang Cách đưa css vào trang

Bài 6: Lựa chọn và áp dụng css cho thẻ Lựa chọn và áp dụng css cho thẻ

Bài 7: Cách sử dụng Comments trong css Cách sử dụng Comments trong css

Bài 8: Cách sử dụng màu(color) trong css Cách sử dụng màu(color) trong css

Bài 9: Cách sử dụng thuộc tính Backgrounds trong css Cách sử dụng thuộc tính Backgrounds trong css

Bài 10: Cách sử dụng Borders trong css Cách sử dụng Borders trong css

Bài 11: Cách sử dụng Margins trong css Cách sử dụng Margins trong css

Bài 12: Cách sử dụng Padding trong css Cách sử dụng Padding trong css

Bài 13: Cách sử dụng Height và Width trong css Cách sử dụng Height và Width trong css

Bài 14: Cách sử dụng Box Model trong css Cách sử dụng Box Model trong css

Bài 15: Cách sử dụng Outline trong css Cách sử dụng Outline trong css

Bài 16: Cách sử dụng Text trong css Cách sử dụng Text trong css

Bài 17: Cách sử dụng Fonts trong css Cách sử dụng Fonts trong css

Bài 18: Cách sử dụng Icons trong css Cách sử dụng Icons trong css

Bài 19: Cách sử dụng Links trong css Cách sử dụng Links trong css

Bài 20: Cách sử dụng line-height trong css Cách sử dụng Icons trong css

Bài 21: Cách sử dụng Flex trong css Cách sử dụng Links trong css

Bài 22: Cách sử dụng Lists trong css Cách sử dụng Lists trong css

100

Bài 23: Cách sử dụng Tables trong css Cách sử dụng Tables trong css

100

Bài 24: Cách sử dụng Display trong css Cách sử dụng Display trong css

100

Bài 25: Cách sử dụng Position trong css Cách sử dụng Position trong css

100

Bài 26: Cách sử dụng Overflow trong css Cách sử dụng Overflow trong css

Bài 27: Cách sử dụng Float trong css Cach-su-dung-Float-trong-css

100

Bài 28: Cách sử dụng Inline-block trong css Cách sử dụng Inline-block trong css

Bài 29: Cách sử dụng Align trong css Cách sử dụng Align trong css

100

Bài 30: Cách sử dụng Combinators trong css Cách sử dụng Combinators trong css

Bài 31: Cách sử dụng Pseudo-classes trong css Cách sử dụng Pseudo-classes trong css

100

Bài 32: Cách sử dụng Pseudo-elements trong css Cách sử dụng Pseudo-elements trong css

100

Bài 33: Cách sử dụng Opacity trong css Cách sử dụng Opacity trong css

Bài 34: Cách sử dụng Navigation Bar trong css Cách sử dụng Navigation Bar trong css

100

Bài 35: Cách sử dụng Dropdowns trong css Cách sử dụng Dropdowns trong css

Bài 36: Cách sử dụng Image Gallery Bar trong css Cách sử dụng Image Gallery Bar trong css

100

Bài 37: Cách sử dụng Image Sprites trong css Cách sử dụng Image Sprites trong css

100

Bài 38: Cách sử dụng Attribute Selectors trong css Cách sử dụng Attribute Selectors trong css

100

Bài 39: Cách sử dụng Forms trong css Cách sử dụng Forms trong css

100

Bài 40: Cách sử dụng Counters trong css Cách sử dụng Counters trong css

100

Bài 41: Cách sử dụng Website Layout trong css Cách sử dụng Website Layout trong css

100

Bài 42: Cách sử dụng Units trong css Cách sử dụng Units trong css

100

Bài 43: Cách sử dụng Specificity trong css Cách sử dụng Specificity trong css

100

Bài 44: Cách sử dụng important trong css Cách sử dụng important trong css

100

Bài 12: Cách sử dụng Padding trong css

Nội dung bài viết

Nội dung thảo luận

Dự án

Sơ đồ trang

Giới thiệu