如何将SVG文件添加到html或CSS?



所以正如你在这里看到的,我已经使用图像标签来添加SVG,在我的github存储库中,但我无法看到它,当我打开实时预览时,它只是在我的实际标志的地方显示了一个图像图标,我也试图使用CSS添加文件,但它有同样的问题。

https://github.com/Alucard2169/Third.git这里是链接到我的GITHUB回购,你可以看到我已经把我所有的媒体文件在媒体文件夹的一边。

.main_heading::before {
content: url(media/logo.svg);
display: block;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=default-width, initial-scale=1">
<meta charset="UTF-8">
<meta lang="en">
<link href="style.css" rel="stylesheet">
</head>

<body>
<header>
<div class="logo">
<img src="media/logo.svg">
</div>
<h1 class="main_heading">
A history of everything you copy
</h1>
<article class="main_content">Clipbord allows you to track and organize everything you copy instantly access your clipboard on all your devices.</article>
<bottoom class="ios">
Download for iOS
</bottoom>
<bottom class="mac">
Download for Mac
</bottom>
</header>
</body>
</html>

当通过url()链接css中的文件时,您必须给./。如下所示,但这只适用于你的html文件在媒体文件夹之外。

.main_heading::before {
content: url(./media/logo.svg); 
display: block;
}

你的img标签应该有一个像这样的自关闭标签:<img src="./logo.png" />.

但是在这种情况下,你的html和img文件应该在同一个文件夹中。

相关内容

  • 没有找到相关文章

最新更新