CSS: chèn ảnh - đó là cách nó hoạt động
Trong mẹo thực tế này, chúng tôi giải thích cách chèn hình ảnh bằng CSS. Về cơ bản, hình ảnh chỉ có thể được chèn vào đây dưới dạng hình nền. Tuy nhiên, điều đó là khá đủ.
Chèn hình ảnh vào CSS
Ví dụ: nếu bạn muốn đưa hình ảnh vào tiêu đề bằng CSS, chẳng hạn như logo của bạn, thì hãy khai báo các thuộc tính sau trong #header:
- "nền: url (image.webp) #FFFFFF;"
- Ở đây "bild.webp" được hiểu là URL cho hình ảnh của bạn hoặc liên quan đến tệp css hoặc là một địa chỉ tuyệt đối trên ổ đĩa của bạn.
- Với màu sắc bạn khai báo màu nền trên trang web của bạn.
- Bây giờ hình ảnh có thể được định vị bằng một vị trí chính xác, chẳng hạn như: "nền-vị trí: 100px 100px;" hoặc thông qua thông tin tương đối được xác định bởi cạnh cửa sổ, chẳng hạn như "vị trí nền: dưới cùng bên phải;".
- Để hình ảnh của bạn không lặp lại liên tục, bạn có thể chỉ định "không lặp lại" trong thuộc tính "lặp lại nền". Nó trông như thế này: "lặp lại nền: không lặp lại;".
- Với thuộc tính "tệp đính kèm nền", bạn xác định xem hình ảnh có di chuyển khi cuộn hoặc ở một vị trí cố định trên trang: "tệp đính kèm nền: đã sửa;".
- Các thuộc tính được chỉ định trong tệp CSS mà không có dấu ngoặc kép.
Trong mẹo thực tế tiếp theo, hãy đọc cách tích hợp tệp CSS bằng HTML.