Các thuộc tính background trong CSS trực tuyến được sử dụng trên điện thoại để xác định tốt nhất các hiệu ứng background cho miễn phí các phần tử.
Thuộc tính background trong CSS
Các thuộc tính background trong CSS kích hoạt bao gồm:
- Thuộc tính background-color.
- Thuộc tính background-image.
- Thuộc tính background-repeat.
- Thuộc tính background-attachment.
- Thuộc tính background-position.
Thuộc tính background trong CSS
1 dữ liệu . Thuộc tính Background Color trong CSS
Thuộc tính background-color trong CSS tổng hợp được sử dụng khóa chặn để chỉ định màu nền (background) cho một phần tử.
Kết quả đầu ra có dạng như mẹo vặt dưới đây:
Trong CSS sửa lỗi , màu thường qua app được chỉ định kích hoạt bởi:
- Tên màu hợp lệ tốc độ , chẳng hạn như "Red".
- Giá trị HEX như "#ff0000".
- Giá trị RGB như "rgb(255,0,0)".
Bạn đọc lấy liền có thể tham khảo thêm bài viết màu trong CSS trên Chúng tôi trực tuyến để tìm hiểu danh sách sử dụng các giá trị màu hợp lệ.
Ví dụ 2:
Kết quả đầu ra có dạng như kinh nghiệm dưới đây:
2 quảng cáo . Thuộc tính Background Image trong CSS
Thuộc tính background-image trong CSS chỉ định hình ảnh vô hiệu hóa được sử dụng làm nền background an toàn của phần tử.
Mặc định hình nền sử dụng được lặp lại full crack để phủ toàn bộ phần tử.
Ví dụ 1:
Kết quả đầu ra có dạng như nơi nào dưới đây:
Ví dụ 2:
Ví dụ tốc độ dưới đây minh họa cách sử dụng kết hợp text tự động và hình nền sai cách:
Kết quả đầu ra có dạng như hỗ trợ dưới đây:
Như bạn qua app có thể thấy trong đầu ra ở trên địa chỉ , đoạn text hiển thị trên hình nền nhanh nhất rất khó đọc.
Lưu ý: tối ưu Khi sử dụng hình nền tự động , tốt nhất bạn không nên lựa chọn hay nhất và sử dụng thanh toán các hình nền làm rối mắt.
3 hướng dẫn . Lặp lại hình nền theo chiều ngang tổng hợp hoặc chiều dọc trong CSS
Theo mặc định thuộc tính background-image lặp đi lặp lại hình nền theo chiều ngang nguyên nhân hoặc chiều dọc.
Ví dụ 1:
Trong ví dụ tự động dưới đây hình nền qua mạng được lặp lại theo cả chiều ngang kinh nghiệm và chiều dọc nên trông giá rẻ khá lạ:
Kết quả đầu ra có dạng như tổng hợp dưới đây:
Ví dụ 2:
Trong ví dụ ứng dụng dưới đây hình nền chỉ sửa lỗi được lặp lại theo chiều ngang (background-repeat: repeat-x;):
Kết quả đầu ra có dạng như mới nhất dưới đây:
Lưu ý: Để lặp lại hình nền theo chiều dọc nguyên nhân , chúng ta thiết lập: background-repeat: repeat-y;
4 nhanh nhất . Thiết lập vị trí hình nền trong CSS
Thuộc tính background-repeat chỉ hiển thị hình nền 1 lần hỗ trợ , không lặp lại.
Ví dụ 1:
Kết quả đầu ra có dạng như tốc độ dưới đây:
Trong ví dụ trên đăng ký vay , hình nền tất toán được hiển thị cùng một vị trí trực tuyến với text nên trông chi tiết khá rối mắt tăng tốc . Tuy nhiên chúng ta quản lý có thể thay đổi vị trí hình nền ở đâu nhanh để không ảnh hưởng đến phần text.
Để chỉ định vị trí hình nền miễn phí , chúng ta sử dụng thuộc tính background-position.
Ví dụ 2:
Kết quả đầu ra có dạng như công cụ dưới đây:
5 đăng ký vay . Thiết lập vị trí hình nền cố định
Để thiết lập vị trí hình nền cố định tăng tốc , không scroll địa chỉ được như thế nào , chúng ta sử dụng thuộc tính background-attachment miễn phí .
Ví dụ:
Kết quả đầu ra có dạng như kiểm tra dưới đây:
6 dữ liệu . Rút gọn thuộc tính Background
Để rút gọn mã quản lý , chúng ta hướng dẫn có thể chỉ định sửa lỗi tất cả qua mạng các thuộc tính background trong một thuộc tính duy nhất giảm giá . Phương pháp này còn tốt nhất được gọi là rút gọn thuộc tính (shorthand property).
Rút gọn thuộc tính miễn phí của background là background tất toán .
Ví dụ:
Kết quả đầu ra có dạng như tự động dưới đây:
hỗ trợ Khi sử dụng rút gọn thuộc tính kiểm tra , thứ tự kiểm tra các giá trị thuộc tính download sẽ là:
background-color
background-image
background-repeat
background-attachment
background-position
7 địa chỉ . Các thuộc tính Background trong CSS
Trong bảng tải về dưới đây trực tuyến , Chúng tôi liệt kê danh sách qua app tất cả vô hiệu hóa các thuộc tính Background trong CSS:
Thuộc tính Mô tả
background Thiết lập thanh toán tất cả quản lý các thuộc tính background trong một khai báo.
background-attachment Thiết lập hình nền là cố định hay quản lý có thể scroll.
background-clip Chỉ định vị trí cho hình nền.
background-color Thiết lập màu nền cho hỗ trợ các phần tử.
background-image Thiết lập hình nền cho thanh toán các phần tử.
background-origin Chỉ định tải về các vị trí hình nền là cố định.
background-position Thiết lập vị trí bắt đầu sử dụng của hình nền.
background-repeat Thiết lập cách lặp lại hình nền.
background-size Chỉ định kích thước hình nền.
https://thuthuat.taimienphi.vn/thuoc-tinh-background-trong-css-48841n.aspx
trực tuyến Như vậy bài học CSS trên đây Chúng tôi vừa giới thiệu cho bạn tài khoản các thuộc tính background trong CSS vô hiệu hóa . Trong bài học ở đâu nhanh tiếp theo Chúng tôi full crack sẽ giới thiệu tiếp cho bạn dữ liệu các thuộc tính font trong CSS phải làm sao nhé.
4.8/5 (85 votes)
