国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么控制svg圖標(biāo)粗細(xì),CSS控制SVG圖標(biāo)粗細(xì)的方法

前端小編 10 0

在CSS中,我們可以使用stroke-width屬性來(lái)控制SVG圖標(biāo)的粗細(xì)。stroke-width屬性定義了SVG圖形輪廓的寬度,可以通過(guò)設(shè)置具體的數(shù)值來(lái)調(diào)整圖標(biāo)的粗細(xì)。

如果我們想要將一個(gè)SVG圖標(biāo)的粗細(xì)設(shè)置為2像素,我們可以這樣寫CSS代碼:

.svg-icon {
  stroke-width: 2;
}

在上面的代碼中,.svg-icon是SVG圖標(biāo)的類名,stroke-width屬性用于設(shè)置SVG圖標(biāo)的粗細(xì),2是具體的粗細(xì)數(shù)值。

需要注意的是,stroke-width屬性的值可以是具體的數(shù)值,也可以是百分比,如果設(shè)置為百分比,那么粗細(xì)的數(shù)值將是元素寬度的百分比。stroke-width: 50%表示圖標(biāo)的粗細(xì)將是元素寬度的50%。

我們還可以在SVG元素內(nèi)部使用<g>元素來(lái)分組不同的圖形元素,并為每組元素分別設(shè)置不同的粗細(xì)。

<svg>
  <g stroke-width="2">
    <circle cx="50" cy="50" r="40" />
    <square width="100" height="100" />
  </g>
  <g stroke-width="4">
    <triangle points="50,50 100,50 75,75" />
  </g>
</svg>

在上面的代碼中,***組的圓形和正方形圖標(biāo)的粗細(xì)設(shè)置為2像素,第二組的三角形圖標(biāo)的粗細(xì)設(shè)置為4像素。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
91精品久久久久久粉嫩| 亚洲字幕av一区二区三区四区| av天堂成人网| 少妇啪啪av一区二区三区| 花房姑娘电视剧免费看| 日本不卡视频一区二区| 精品少妇人妻av一区二区| 亚洲一区二区色| 99精品一区二区三区| 中文字幕人妻熟女人妻a62v网| 久久天堂av综合合色蜜桃网| 国产亚洲女人久久久久毛片| av中文字幕一区二区三区| 成人国产av一区二区三区| 成人亚洲精品久久久久软件| 国产农村精品揄拍100视频| 国产交换一区二区三区| 国产精品suv一区二区6| va亚洲| 另类videossexo高潮| 欧美疯狂做受xxxx高潮免费看| 一本色道久久亚洲综合精品蜜桃| 欧美xxxxx极品少妇| 人人澡人人爽欧美一区国产午夜精| 精品久久久久久久久久久国产字幕 | 星空无限传媒免费入口NBA| 亚洲网久久| 精品欧美一区二区精品久久小说 | 丝袜肉丝一区二区三区| 色偷偷噜噜噜亚洲男人| 蜜桃av免费在线观看| 91精品国产午夜福利在线观看| 在线精品亚洲欧美日韩国产| A√任天堂资源中文8| 国产日产亚洲系列| 六月丁香激情网| 国产伦精品一区三区视频| av在线免费播放观看| 四虎成人精品在永久免费| 屁屁影院ccyy国产第一页| 少妇高潮太爽了免费观看|