css如何改变svg颜色
在css中，可以使用stroke属性改变svg颜色，只需要给svg中的polyline标签设置“stroke:颜色值”样式即可。stroke属性定义一条线，文本或元素轮廓颜色，值和color一样，支持rgba透明通道。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
有些时候我们也许会使用css直接操控svg，svg可以像jpg,png那样以图片形式使用，也可以直接以标签形式使用。前者不可以设置颜色，而后者可以。
示例：
<svg width="8px" height="12px" viewBox="0 0 8 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
<title>Rectangle 8 Copy 10</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<polyline id="Rectangle-8-Copy-10" stroke="#8F99AE" stroke-width="2" transform="translate(2.242641, 6.242641) scale(1, -1) rotate(-135.000000) translate(-2.242641, -6.242641) " points="5.24264069 9.24264069 -0.757359313 9.24264069 -0.757359313 3.24264069 -0.757359313 3.24264069"></polyline>
</g>
</svg>
效果：
加入改变颜色的代码
svg g polyline {
stroke: red;
}
效果：
以上就是css如何改变svg颜色的详细内容！
相关内容
-
css颜色有几种写法
css颜色有4种写法：1、使用颜色名，例red、black、gray等；2、使用十六进制数值，例“#FF0033”；3、RGB或RGBA值，例“rgb(255,0,51)”；4...
-
css如何调整字体颜色
css调整字体颜色的方法：可以利用color属性来调整字体颜色，如【body{color:red}】，表示将元素字体设置为红色。color属性用于设置元素的前景色，即元素文本的...
-
css里怎样调节字体颜色
css里调节字体颜色的方法是：可以利用color属性来设置字体颜色，如【color:#92a8d1;】或【color:rgb(255,0,51)】。本文操作环境：windows...
-
css中怎么改变超链接颜色
css中改变超链接颜色的方法：可以利用伪类并结合color属性来实现，如【a:link{color:#000000}】，表示设置超链接未访问时的颜色。本文操作环境：window...
-
详解CSS3+SVG滤镜实现不规则边框的方法
本篇文章将介绍一种配合SVG滤镜实现各种不规则图形添加边框的小技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。需求背景，给不规则图形添加边框在我们日常开发...
-
css如何设置颜色
css设置颜色的方法是使用color属性，color属性指定文本的颜色，该属性设置了一个元素的前景色，光栅图像不受color影响，语法为【color:value;】。本教程操作...
-
css如何改变图片的颜色
在css中，可以使用filter属性改变图片的颜色，只需要给图片元素设置“filter:样式值”样式即可。filter属性设置或检索对象所应用的滤镜效果，定义了元素的可视效果（...
-
css怎么显示svg图片
显示方法：1、使用embed标签，语法“<embedsrc="svg图片地址">”；2、使用object标签，语法“<objectdata...
-
css如何设置链接颜色
在css中，可以使用“:link”伪类选择器来设置链接颜色，只需要给a元素设置“a:link{颜色:颜色值;}”即可。“:link”选择器用于选取未访问的链接，然后给该链接添加...
-
css怎么设置a标签颜色
方法：1、使用“a{color:颜色值;}”语句设置a标签的文本颜色；2、使用“a{background-color:颜色值;}”语句设置a标签的背景颜色。颜色值可以使用颜色名...
