我试图通过几个页面站点使导航栏,背景和样式保持一致。我做了一些研究,发现我可以使用服务器端包含或link属性在所有页面中嵌入页面,这样我就可以更改一次并在所有页面上感受到效果,我找到了一种方法更改背景是将其添加到body标签,但是body标签不应该与嵌入式文件分开吗?我考虑过在模板文件中打开body标签,然后在每个页面中将其关闭,但这似乎非常糟糕。
这是我未完成的模板文件。
<style>
body {
background-color: #afa7a7;
color: white;
}
.button {
background-color: #424242;
color: white;
border:none;
padding 15px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px; 2px;
cursor: pointer;
}
</style>
<body>
<a href="Main.shtml">
<img src="images/pentagram.png" alt="Pentagram" width="200px" height="200px" style="float: left;" />
</a>
<a href="Main.shtml">
<img src="images/pentagram.png" alt="Pentagram" width="200px" height="200px" style="float: right;" />
</a>
</body>