CSS : 그림 삽입-그것이 작동하는 방식

이 실용적인 팁에서는 CSS를 사용하여 이미지를 삽입하는 방법에 대해 설명합니다. 기본적으로 이미지는 배경 이미지 형식으로 만 여기에 삽입 할 수 있습니다. 그러나 이것으로 충분합니다.

CSS에 이미지 삽입

예를 들어 로고와 같은 CSS를 사용하여 헤더에 이미지를 포함하려면 #header 아래에 다음 속성을 선언하십시오.

1. "background : url (image.webp) #FFFFFF;"
2. 여기서 "bild.webp"는 css 파일과 관련된 이미지의 URL 또는 드라이브의 절대 주소로 이해됩니다.
3. 색상을 사용하면 웹 사이트에서 배경색을 선언합니다.
4. "background-position : 100px 100px;"와 같은 정확한 위치를 사용하여 이미지를 배치 할 수 있습니다. 또는 "배경 위치 : 오른쪽 아래;"와 같은 창 가장자리에 의해 결정된 상대 정보를 통해
5. 이미지가 계속 반복되지 않도록 "background-repeat"속성 아래에 "반복 없음"을 지정할 수 있습니다. "background-repeat : no-repeat;"와 같이 보입니다.
6. "background-attachment"속성을 사용하면 이미지가 스크롤과 함께 움직이는 지 또는 페이지의 "background-attachment : fixed;"고정 위치에 머무를 지 여부를 결정합니다.
7. 속성은 따옴표없이 CSS 파일에 지정됩니다.

다음 실용적인 팁에서 HTML을 사용하여 CSS 파일을 통합하는 방법을 읽으십시오.