嵌入式导航栏/背景图片

时间:2018-08-31 02:24:27

标签: html css

我试图通过几个页面站点使导航栏,背景和样式保持一致。我做了一些研究,发现我可以使用服务器端包含或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>

0 个答案:

没有答案