>  기사  >  웹 프론트엔드  >  img의 src 속성을 CSS로 작성할 수 있나요?

img의 src 속성을 CSS로 작성할 수 있나요?

WBOY
WBOY원래의
2022-06-30 11:38:543331검색

img의 src 속성은 CSS로 작성할 수 있으며, src 속성은 img 태그에 이미지 파일의 URL, 즉 이미지의 파일 경로를 설정하는 데 사용됩니다. img 태그의 이미지 URL을 지정하면 달성할 수 있습니다. CSS를 사용하여 img 태그의 src 속성을 설정하는 경우 구문은 "img{content:url(image file path);}"입니다.

img의 src 속성을 CSS로 작성할 수 있나요?

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

img의 src 속성은 CSS로 작성할 수 있습니다.

img의 src 속성을 CSS로 작성할 수 있나요? 태그의 src 속성은 필수입니다. 해당 값은 이미지를 참조하는 파일의 절대 또는 상대 경로인 이미지 파일의 URL입니다.

팁: 문서 저장 공간을 정리하기 위해 작성자는 일반적으로 이미지 파일을 별도의 폴더에 저장하고 일반적으로 이러한 디렉터리의 이름을 "pics" 또는 "images"와 같이 지정합니다. W3School 온라인 튜토리얼에서 우리 엔지니어들은 일반적으로 사용되는 대부분의 이미지를 "i"라는 폴더에 저장합니다. "i"는 "images"의 약어입니다. 이 방법의 장점은 경로를 최대한 단순화할 수 있다는 것입니다. .

Syntax

<img  src="value" alt="img의 src 속성을 CSS로 작성할 수 있나요?" >

URL

이미지의 URL을 지정합니다.

가능한 값:

절대 URL - 다른 사이트를 가리킴(예: src="http://www.example.com/")

상대 URL - 사이트 내의 파일을 가리킴(예: src="/ i/image .gif")

content 속성은 컨텐츠를 삽입하기 위해 :before 및 :after 의사 요소와 함께 사용됩니다.

이 속성의 가능한 속성 값은 다음과 같습니다.

img의 src 속성을 CSS로 작성할 수 있나요?

예는 다음과 같습니다.

<style>
    img {
    content:url(https://image.png);
    }
</style>

(학습 영상 공유: css video tutorial, html video tutorial)

위 내용은 img의 src 속성을 CSS로 작성할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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