SVG를 CSS에 직접 삽입할 수 있나요?

CSS에 인라인 SVG 삽입

SVG 정의를 CSS에 직접 삽입할 수 있나요? 예를 들어 다음과 같은 것을 사용할 수 있습니까?

.my-class {
  background-image: <svg>...</svg>;
}

답변

예, 그렇게 할 수 있습니다. 예는 다음과 같습니다.

body {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient>

위 내용은 SVG를 CSS에 직접 삽입할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!