Hướng dẫn

Cách thêm hình ảnh vào tệp CSS

Các trang web thường thêm hình ảnh bằng thẻ "img" HTML nội tuyến. Mã hóa CSS thường không đặt nguồn của hình ảnh vì CSS kiểm soát thiết kế hơn là nội dung. Tuy nhiên, CSS hỗ trợ các thuộc tính mà HTML thuần túy không có, chẳng hạn như độ mờ của hình ảnh. Ví dụ: nếu bạn muốn một bức ảnh minh bạch về trụ sở công ty xuất hiện trên trang chủ trang web của mình, bạn có thể đặt điều này bằng cách sử dụng CSS. Kiểu CSS chọn nguồn hình ảnh bằng cách sử dụng thuộc tính hình nền.

1

Mở biểu định kiểu của trang web của bạn bằng trình soạn thảo HTML hoặc trình soạn thảo văn bản.

2

Dán mã sau vào trang tính để tạo kiểu mới:

background-image: url (đường dẫn); background-repeat: không lặp lại; chiều rộng: 10px; chiều cao: 20px; 

}

3

Thay thế "đường dẫn" bằng URL của hình ảnh trong trang web. Ví dụ: nếu hình ảnh "building.jpg" nằm trong thư mục "hình ảnh" trên trang web của bạn, hãy thay đổi mã thành:

background-image: url (/images/building.jpg); background-repeat: không lặp lại; chiều rộng: 10px; chiều cao: 20px; 

}

4

Thay thế "10" bằng chiều rộng của hình ảnh và thay thế "20" bằng chiều cao của hình ảnh. Ví dụ: nếu hình ảnh có chiều cao 200 pixel và chiều rộng 600 pixel, hãy thay đổi mã thành:

background-image: url (/images/building.jpg); background-repeat: không lặp lại; chiều rộng: 600px; chiều cao: 200px; 

}

5

Mở trang Web mà bạn muốn chèn hình ảnh.

6

Thêm mã sau để chèn hình ảnh:

$config[zx-auto] not found$config[zx-overlay] not found