首頁 > web前端 > css教學 > 主體

您可以使用 CSS 變更 SVG 路徑的填滿顏色嗎?

Linda Hamilton
發布: 2024-11-08 05:12:02
原創
438 人瀏覽過

Can You Change an SVG Path's Fill Color with CSS?

您可以透過 CSS 自訂 SVG 路徑填滿顏色嗎?

在 SVG(可縮放向量圖形)中,您可以使用 CSS 修改路徑等元素。考慮以下程式碼:

<svg>
  <path fill="#333333" d="M15.985,5.972C...Z" />
</svg>
登入後複製

是否可以使用 CSS 更改填滿顏色而不更改路徑標籤?

答案:

是的,可以使用 CSS 自訂 SVG 路徑的填滿顏色。為此,請像定位任何其他 HTML 元素一樣定位路徑元素:

path {
  fill: blue;
}
登入後複製

假設您使用的是基於 WebKit 或 Gecko 的瀏覽器,此外部 CSS 應覆蓋路徑的本機填充屬性。請記住,如果您在路徑標籤中指定樣式(例如,),它將優先於外部 CSS。

以上是您可以使用 CSS 變更 SVG 路徑的填滿顏色嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板