css文件内引用外部资源文件的相对路径
1.default.css文件内容(位于css文件夹下):
.ClassName .ClassName .ClassName
.page-sidebar .sidebar-search .submit {
--该图片相对于css文件所在的位置。不是使用本css文件的html文件位置。
background-image: url(../image/search-icon.png);
}
2.使用本css文件的html文件
<head>
<link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color" />
</head>
...................
..................
<body>
--指定class和CSS文件的指示的对应
<form class="sidebar-search">
<div class="input-box">
<a href="javascript:;" class="remove"></a>
<input type="text" placeholder="Search..." />
<input type="button" class="submit" value=" " />
</div>
</form>
</body>
3.路径关系图
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步