Hướng dẫn html print background image - html in ảnh nền

Một hình ảnh nền có thể được chỉ định cho hầu hết mọi phần tử HTML.

Nội phân Chính showShow

• Hình nền trên một phần tử HTML
• Hình nền trên một trang
• Bối cảnh Lặp lại
• Bìa nền
• Bối cảnh kéo dài
• Tìm hiểu thêm CSS
• Định nghĩa và cách sử dụng
• Hỗ trợ trình duyệt
• Giá trị tài sản
• Nhiều ví dụ hơn
• Các trang liên quan

Hình nền trên một phần tử HTML

Hình nền trên một trang

Bối cảnh Lặp lại

Bìa nền

Bối cảnh kéo dài

Tìm hiểu thêm CSS

Định nghĩa và cách sử dụng

Bối cảnh Lặp lại

Bìa nền

Bối cảnh kéo dài
p {
  background-image: url('img_girl.jpg');
}

Tìm hiểu thêm CSS

Hình nền trên một trang

Bối cảnh Lặp lại

Bối cảnh Lặp lại

Bìa nền

Bối cảnh kéo dài
body {
  background-image: url('img_girl.jpg');
}

Tìm hiểu thêm CSS

Bối cảnh Lặp lại

Bìa nền

Bối cảnh Lặp lại

Bìa nền
body {
  background-image: url('example_img_girl.jpg');
}

Tìm hiểu thêm CSS

Định nghĩa và cách sử dụng

Bối cảnh Lặp lại

Bìa nền
body {
  background-image: url('example_img_girl.jpg');
  background-repeat: no-repeat;
}

Tìm hiểu thêm CSS

Bìa nền

Bối cảnh kéo dài

Tìm hiểu thêm CSS

Định nghĩa và cách sử dụng

Bối cảnh Lặp lại

Bìa nền
body {
  background-image: url('img_girl.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

Tìm hiểu thêm CSS

Bối cảnh kéo dài

Tìm hiểu thêm CSS

Định nghĩa và cách sử dụng

Bối cảnh Lặp lại

Bìa nền
body {
  background-image: url('img_girl.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}

Tìm hiểu thêm CSS

Tìm hiểu thêm CSS

Định nghĩa và cách sử dụng

Hỗ trợ trình duyệt

Bối cảnh Lặp lại

Bìa nền

Bối cảnh kéo dài
 background-image: url("paper.gif");
 background-color: #cccccc;
}

Tìm hiểu thêm CSS

Bối cảnh Lặp lại

Bìa nền

Bối cảnh kéo dài
  background-image: url("img_tree.gif"), url("paper.gif");
  background-color: #cccccc;
}

Tìm hiểu thêm CSS

Định nghĩa và cách sử dụng

Định nghĩa và cách sử dụng

Hỗ trợ trình duyệt

Giá trị tài sản

Nhiều ví dụ hơn The background of an element is the total size of the element, including padding and border (but not the margin).

Các trang liên quanAlways set a background-color to be used if the image is unavailable.

Để thêm hình ảnh nền trên phần tử HTML, hãy sử dụng thuộc tính HTML style và thuộc tính CSS background-image: