>  기사  >  웹 프론트엔드  >  CSS는 image_Experience 교환을 위한 배경 이미지를 설정합니다.

CSS는 image_Experience 교환을 위한 배경 이미지를 설정합니다.

WBOY
WBOY원래의
2016-05-16 12:04:381863검색

CSS의 기능은 매우 강력합니다. 이는 요소의 성능과 페이지 레이아웃에 매우 강력한 기능을 제공합니다. 이는 주로 우리의 유연한 운영 덕분입니다. 이미지 사용은 실제로 콘텐츠 수준에 더 가깝습니다. WEB 표준의 아이디어에 따라 프리젠테이션 레이어의 이미지는 CSS로 분리되었습니다. IMG 태그를 사용하면 콘텐츠로서의 사진만 페이지에 삽입할 수 있는데, 이는 강조된 의미이기도 합니다.

사진의 배경 이미지 설정은 매우 실용적인 예입니다. 이 문장은 좀 웃기게 느껴질 수도 있어요. IMG 태그를 사용하여 페이지에 소개되는 이미지에 대한 배경 이미지를 설정합니다. 이러한 종류의 적용 범위는 크지 않을 수 있지만 사고력을 훈련하고 HTML 및 CSS 요소의 의미와 유연성을 이해할 수 있도록 해줍니다.
아래 코드를 살펴보겠습니다.

 CSS는 image_Experience 교환을 위한 배경 이미지를 설정합니다.
 img 태그로 페이지에 이미지를 소개하는 기능입니다.

CSS를 다시 작성해 보겠습니다.


img {
디스플레이:블록;
높이:60px;
padding-bottom:10px; jpg) no-repeat left 하단;
}
img 요소를 블록 요소로 변환하고 너비와 높이를 설정합니다. 하단 패딩을 10px로 설정합니다. 배경 이미지가 나타날 공간을 확보하세요. 마지막으로 배경 이미지를 정의합니다.
이 작은 예에서 CSS의 유연성과 강력한 기능을 확인할 수 있습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.