GIF动态图教学-CSS3语言18-SVG标记(实例)

 时间:2024-10-26 08:51:54

1、为rect标记添加id属性,然后用CSS设置背景颜色,SVG的CSS属性较为不同,原本普通标记是用bankground属性设置背景色,而SVG是用fill设置背景色,如图操作。测试页面,也可以得知CSS中设置的天空蓝背景色优先显示,覆盖SVG标记中设置的fill属性红色背景色。

GIF动态图教学-CSS3语言18-SVG标记(实例)

2、测试页面,SVG中设置background属性无效。

GIF动态图教学-CSS3语言18-SVG标记(实例)

3、SVG的CSS样式中,stroke属性设置形状边框的颜色,相当于普通元素的border-color属性。

GIF动态图教学-CSS3语言18-SVG标记(实例)

4、stroke-width属性设置形状边框的宽度,相当于普通元素的border-width属性。

GIF动态图教学-CSS3语言18-SVG标记(实例)

5、也可以为SVG设置类名,跟普通标记一样,如图操作。

GIF动态图教学-CSS3语言18-SVG标记(实例)

6、甚至可以为SVG设置:hover伪元素,如图操作。

GIF动态图教学-CSS3语言18-SVG标记(实例)
  • WORD统一调整行高和列宽
  • 如何调整word文档文字间距
  • word2007中如何设置部分文字竖向展示
  • WPS文字怎么删除文字上方的拼音?
  • Word文字怎样去除文本框边框
  • 热门搜索
    脂肪肝怎么办 牙结石是怎么形成的 瘊子怎么去掉 五谷磨房的东西怎么样 宏基笔记本怎么样 加班工资怎么算 怎么向男生表白 怎么做淘宝 内风湿关节炎怎么治 日立电梯怎么样