HTML Background trong website

HTML Background trong website, hướng dẫn chi tiết css HTML Background trong website
Thẻ <body> có hái thuộc tính nơi mà bạn có thể chọn loại background cho mình. Background có thể là một màu hoặc là một tấm hình.


HTML Background trong website
HTML Background trong website


Bgcolor
Thuộc tính bgcolor thiết lập hình nền là một màu. Giá trị của thuộc tính này là hệ số hexadecimal, một giá trị màu RGB hoặc một tên màu

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">


Dòng code trên cùng thiết lập hình nền thành màu đen.

Background
Thuộc tính background thiết lập một tấm hình làm hình nền. Giá trị của thuộc tính này là địa chỉ URL của tấm hình bạn muốn sử dụng. Nếu một tấm hình nhở hơn so với cửa sổ trình duyệt, tấm hình đó sẽ tự nhân lên đến khi nào nó che phủ hết cửa sổ trình duyệt.

<body background="clouds.gif">
<body background="http://www.w3schools.com/clouds.gif">


Địa chỉ URL có thể là tương đối như là ở dòng code thứ nhất hoặc tuyệt đối như là ở dòng thứ 2.

Chú ý: nếu bạn muốn sử dụng hình nền, bạn nên nhớ rằng:

Hình nền đó có làm giảm tốc độ load của trang nhiều không? thường thì hình được chọn làm hình nền không nên vượt quá 10K.

Hình nền đó có hợp với các hình khác trên trang không?

Hình nền đó có hợp với chữ không?

Hình nền đó nhìn có đẹp không nếu nó chỉ có một mình

Hình nền đó có làm cho người đọc mất tập trung không?

Mẹo nhỏ giúp bạn

Một số ít những trang web có sử dụng hình nền bằng hình ảnh

Hầu hết các site sử dụng hình nền là màu trắng, đen hoặc xám. 

Ý kiến của bạn:
 
Hộ và tên: *
Email: *
Tiêu đề: *
Nội dung: *
Đánh giá:
Bạn nhập mã bảo vệ vào ô bên cạnh: *
 
Thủ thuật
Chuyển đổi file PDF online (06/08/14)
Hình nền kem cho máy tính laptop (28/07/14)
Thiết kế web CSS là gì? (24/07/14)
Thêm hộp kiểm vào bảng tính Excel (21/07/14)
Thủ thuật Phóng to ảnh trên Intagram trong Iphone (18/07/14)
Cách mở bàn phím ảo trong Win 7 (07/07/14)
ROI là gì ? trong quảng cáo trực tuyến (30/06/14)
Cách tăng tốc cho điện thoại Android (27/06/14)
Kinh nghiệm thiết kế website mỹ phẩm chuẩn SEO (22/08/14)
Công dụng phím tắt trong Windows (18/06/14)