Thứ Hai , Tháng Chín 4 2017
Trang chủ / Công nghệ web / Background là gì? Và những thuộc tính cơ bản của nó là gì?

Background là gì? Và những thuộc tính cơ bản của nó là gì?

Giải thích background là gì? Và những thuộc tính cơ bản của nó là gì? sẽ giúp chúng ta có cái nhìn, nhận xét chính xác hơn cho quá trình thiết kế web chuyên nghiệp cũng như sử dụng tốt chúng về sau.

Background là gì?

Đầu tiên, định nghĩa chính xác background trên website là chỉ màu nền, ảnh nền. Ngày nay, background sử dụng từ các hình ảnh đẹp đến các màu sắc bắt mắt và không đơn thuần chỉ dừng lại ở việc phối màu. Người ta có thể linh hoạt dùng những hình ảnh đẹp, bắt mắt để làm background thay thế cho những cách phối màu truyền thống thông thường. 

Background là gì? Và những thuộc tính cơ bản của nó là gì?

>> Xem thêm: Bookmark là gì? Cách di chuyển bookmark sang máy tính khác?

Background là ngôn ngữ tiếng Anh, khi dịch qua tiếng Việt có nghĩa là “Nền ở phía sau”. Hàng ngày, bạn có thể thấy chúng trên các thiết bị di động hay ở trong màn hình desktop, laptop… các bạn có thể thấy hình ảnh màu sắc bắt mắt ở phía sau các ứng dụng mà nó không thay đổi chính là background.

Các thuộc tính trong Background là gì?

Một trong những thuộc tính của background thì nó là một trong những số thuộc tính của CSS (một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu) nó có chức năng thay đổi lại hình nền màu nền cho các thẻ trong HTML, dễ nhận thấy nhất là cặp thẻ <body>.

Dùng màu nền hay ảnh nền là hai cách dùng background để làm nền cho web. Khi đó, để thay đổi được màu nền cho website hay một cặp thẻ <HTML>, các bạn có thể sử dụng thuộc tính background color.

Tuy vậy, việc sử dụng màu nền thường làm web của bạn tẻ nhạt. Vì vậy, CSS hỗ trợ thuộc tính của background đi kèm – background image – với chức năng chèn ảnh nền vào website.

Background là gì? Và những thuộc tính cơ bản của nó là gì?

Một điều lưu ý nhỏ là ảnh dùng làm nền nếu nhỏ hơn so với độ rộng và dài của nền thì nó sẽ bị lặp lại theo cả 2 chiều đến khi mà nền không còn khoảng trống mới thôi. Cái này được gọi là thuộc tính background repeat, có 2 cách để sử dụng là:

  • Repeat-x: Có chức năng cho phép hình ảnh được lặp lại trong nền theo chiều ngang.
  • Repeat-y: có chức năng cho phép hình ảnh được lặp lại trong nền nhưng theo chiều dọc.

Nếu như bạn muốn khóa một ảnh nền hoặc làm cho di chuyển được so với nội dung của website thì thuộc tính background attachment sẽ giúp bạn thực hiện công việc này. Thuộc tính của background này có 2 giá trị như sau:

  • Scroll: hình ảnh nền sẽ chạy cùng nội dung website khi ta di chuyển thành cuộn, giá trị này là giá trị mặc định ban đầu.
  • Fixed: giá trị này cho phép hình ảnh cố định một chỗ so với nội dung của web ngay cả khi chúng ta sử dụng thanh cuộn.

Việc tìm hiểu Background là gì? Và một số thuộc tính của Background là gì? sẽ mang đến cho những người đã, đang và sắp sử dụng background cho website có được những thiết kế website riêng biệt, thật độc đáo và bắt mắt.

>> Xem thêm: B2B là gì? Tính ưu việt & cách thức giao dịch của B2B.

CÔNG TY TNHH WEBICO

Văn phòng: Lầu 8 Mekong Tower, 235-241 Cộng Hòa, Phường 13, Quận Tân Bình, TPHCM.

Email: email@webico.vn

Tổng đài: 1800 6016 – Hotline: 0973.666.777

Rate this post

Giới thiệu Tuyết Ngân

Có thể bạn quan tâm

Bootstrap là gì? Tìm hiểu và hướng dẫn sử dụng bootstrap 3

Nếu bạn có bất kỳ mối quan tâm nào trong phát triển web, bạn đã …

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

--------------------------------------------------->