SVG图标,在HTML中使用

 时间:2024-10-11 22:27:34

1、首先去苹果官网,在官网右击LOGO图标,选择审查元素(我用的Google chrome),可以看到svg图标文件咯,我们可以下载这个svg文件,放到本地。

SVG图标,在HTML中使用

2、打开HTML编辑器,新建一个网页test.html,将svg图标文件与test.html放在同一目录下,在test.html中写好div及其样式,然后预览!

SVG图标,在HTML中使用SVG图标,在HTML中使用

3、从上面预览来看是不是图标太小咯,我们可以直接在svg进行修改,不仅可以修改大小,还可以修改颜色。我们把颜色和大小修改后,在test.html也要修改下大小样式

SVG图标,在HTML中使用SVG图标,在HTML中使用SVG图标,在HTML中使用

4、效果出来咯!

SVG图标,在HTML中使用
  • hbulider如何给文字加边框
  • JavaScript设置div内容;js设置div内容
  • discuz站点分区和板块实现排序
  • 怎么设置confirm字体颜色
  • 如何取消开机自检
  • 热门搜索
    眼睫毛怎么变长 微信运动怎么不显示步数 单位请假条怎么写 本地安全策略怎么打开 大写字母怎么读 亲属关系证明怎么开 联通怎么设置彩铃 吉利博越怎么样 淘宝联盟怎么赚钱 个人养老保险怎么交