1. 直接使用

background: url('data:image/svg+xml;charset=utf-8,<svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><g> <rect stroke="#000" transform="rotate(44.7 5,5)" height="6" width="6" y="2" x="2" stroke-width="0" fill="#f00"/></g></svg>') no-repeat 50% 50% / 100% 100%;

2. 转为base64后使用

background-image: url('data:image/svg+xml;base64,PCEtLSDlm77moIfvvJrmlofku7YgLS0+DQo8IS0tIDxz...');

3. 外置引用

background-image: url(test.svg);

 

相关文章:

  • 2021-11-16
  • 2021-07-07
  • 2021-07-15
  • 2022-01-30
  • 2021-12-26
猜你喜欢
  • 2021-12-07
  • 2021-06-26
  • 2021-10-31
  • 2021-07-04
  • 2021-12-21
  • 2022-02-11
  • 2022-12-23
相关资源
相似解决方案