img 요소_경험 교환에 대한 배경 이미지를 설정할 수 있습니다.

구현 방법은 매우 간단합니다. img 요소를 블록 요소(display:block;)로 설정하고 패딩 값을 할당합니다.

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>이미지 데모</title> <style type="text/css"> div { background: url('http://img.jb51.net/images/blur.jpg') no-repeat top left; width: 232px; height: 200px; } img { display: block; background: url('http://img.jb51.net/images/parallax.gif') no-repeat bottom left; padding: 93px 100px 75px 100px; } </style> <div> <img src="http://img.jb51.net/images/Anime_img%20%C3%AC%C2%9A%C2%94%C3%AC%C2%86%C2%8C_%C3%AA%C2%B2%C2%BD%C3%AD%C2%97%C2%98%20%C3%AA%C2%B5%C2%90%C3%AD%C2%99%C2%98%C3%AC%C2%97%C2%90%20%C3%AB%C2%8C%C2%80%C3%AD%C2%95%C2%9C%20%C3%AB%C2%B0%C2%B0%C3%AA%C2%B2%C2%BD%20%C3%AC%C2%9D%C2%B4%C3%AB%C2%AF%C2%B8%C3%AC%C2%A7%C2%80%C3%AB%C2%A5%C2%BC%20%C3%AC%C2%84%C2%A4%C3%AC%C2%A0%C2%95%C3%AD%C2%95%C2%A0%20%C3%AC%C2%88%C2%98%20%C3%AC%C2%9E%C2%88%C3%AC%C2%8A%C2%B5%C3%AB%C2%8B%C2%88%C3%AB%C2%8B%C2%A4..gif" alt="img 요소_경험 교환에 대한 배경 이미지를 설정할 수 있습니다."> </div>
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

코드 복사 코드는 다음과 같습니다.

img {
display:b
ackground:url('parallax.gif') no-repeat left left;
padding:93px 100px 75px 100px;}

위의 원리에 따라 비슷한 방법으로 비유해 보겠습니다. , img 요소에 대해 양면을 설정할 수도 있습니다.

코드 복사 코드는 다음과 같습니다.

img {
디스플레이:블록;
배경:빨간색
테두리:1px 단색 검정;