"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > CSS에서 svgs를 의사 요소 함량으로 사용할 수 있습니까?

CSS에서 svgs를 의사 요소 함량으로 사용할 수 있습니까?

2025-02-14에 게시되었습니다
검색:146

Can I Use SVGs as Pseudo-Element Content in CSS?

CSS 컨텐츠 속성을 사용하면 다양한 유형의 컨텐츠를 요소를 사용하여 삽입 할 수 있습니다. :: 이전 및 :: 이후와 같은 의사 요소. 그러나 어떤 컨텐츠가 포함될 수 있는지에 대한 제한이있었습니다.
  1. svgs는 의사 요소 컨텐츠로 사용할 수 있습니까?
예, 이제 SVGS를 사용할 수 있습니다. Pseudo elements의 내용.
#test::before {
  content: url(path/to/your.svg);
  /* ... other styles */
}
  1. svgs를 의사 요소 컨텐츠로 사용하는 방법
#test::before {
  content: url("data:image/svg xml,

#test :: 이전 {{ 내용 : URL (Path/To/Your.svg); / * ... 다른 스타일 */ }

#test::before {
  content: url(path/to/your.svg);
  /* ... other styles */
}

예제 html :

Can I Use SVGs as Pseudo-Element Content in CSS?
]

결론 :

를 의사 요소 컨텐츠로 사용하여 벡터 그래픽을 통합하여 유연성을 제공하고 더 시각적으로 매력적인 요소를 허용합니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3