欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html愛心代碼改顏色

錢淋西1年前9瀏覽0評論

HTML代碼既然成為網頁制作中不可或缺的一部分,那么就必須要學會對代碼進行修改。今天,我們就要來講一講如何改變HTML愛心代碼的顏色。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>愛心代碼</title>
</head>
<body>
<div><svg width="100" height="100" viewBox="0 0 100 100">
<path fill="#FFC0CB" d="M50 90.702L22.218 63.663C9.903 51.678.486 38.126.486 24.402c0-10.328 3.61-20.572 10.526-28.418a41.617 41.617 0 0 1 29.589-12.208c11.596 0 22.301 5.629 29.148 14.3 6.846-8.671 17.552-14.3 29.148-14.3a41.617 41.617 0 0 1 29.585 12.208 38.217 38.217 0 0 1 10.523 28.418c0 13.724-9.42 27.278-21.735 39.263L50 90.7V90.702z"/>
</svg></div>
</body>
</html>

在這段代碼中,我們先通過<path>標簽中的fill屬性定義了愛心的顏色為粉色(#FFC0CB)。如果要改變顏色呢?只需要將fill屬性中的#FFC0CB替換成任意一個你喜歡的顏色代碼,比如說紅色(#FF0000):

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>愛心代碼</title>
</head>
<body>
<div><svg width="100" height="100" viewBox="0 0 100 100">
<path fill="#FF0000" d="M50 90.702L22.218 63.663C9.903 51.678.486 38.126.486 24.402c0-10.328 3.61-20.572 10.526-28.418a41.617 41.617 0 0 1 29.589-12.208c11.596 0 22.301 5.629 29.148 14.3 6.846-8.671 17.552-14.3 29.148-14.3a41.617 41.617 0 0 1 29.585 12.208 38.217 38.217 0 0 1 10.523 28.418c0 13.724-9.42 27.278-21.735 39.263L50 90.7V90.702z"/>
</svg></div>
</body>
</html>

這樣,我們就成功改變了愛心的顏色!