Pure CSS를 사용하여 Div에 이미지를 삽입하는 방법은 무엇입니까?

CSS를 사용하여 Div 내에 이미지를 배치하는 방법

많은 개발자는 CSS 내에서 이미지를 배경 이미지로 설정하는 방법을 사용합니다. div가 이미지 크기를 따르는 것을 허용하지 않습니다. 순수 CSS를 사용하여 다음 HTML 코드를 복제하려면:

<code class="html"><div><img src="..." /></div></code>

해결책:

다음 코드를 구현하십시오.

<code class="html"><div class="image"></div></code>

CSS:

<code class="css">div.image::before {
   content: url(http://placehold.it/350x150);
}</code>

추가 참고 사항:

• 이 기술은 Chrome, Firefox 및 Safari에서 테스트되었습니다.
• CSS 콘텐츠에 대한 자세한 내용은 다음 리소스를 참조하세요: http://css-tricks.com/css-content/

위 내용은 Pure CSS를 사용하여 Div에 이미지를 삽입하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!