使用 css 为动态菜单设置样式

我有一个使用 php 的动态菜单的代码：

菜单.php：

<?php

// Get current page file name

$page = basename($_SERVER["PHP_SELF"]);

<?php include "templates/header.php"; ?>

<?php include "templates/footer.php"; ?>

模板/header.php：

<h1>A Library</h1>

<ul>

<li><a href="index.php" <?php if ($page == "index.php") echo 'class="current"' ?>>Products</a></li>

<li><a href="resume.php" <?php if ($page == "resume.php") echo 'class="current"' ?>>Resume</a></li>

<li><a href="photography.php" <?php if ($page == "photography.php") echo 'class="current"' ?>>Photography</a></li>

<li><a href="about.php" <?php if ($page == "about.php") echo 'class="current"' ?>>About</a></li>

<li><a href="contact.php" <?php if ($page == "contact.php") echo 'class="current"' ?>>Contact</a></li>

</ul>

</div>

</body>

</html>

模板/footer.php：

</body>

</html>

menu.php 和文件模板在同一个目录下

这段代码创建了一个简单而小巧的菜单。我怎样才能使用 css 让它更好一点？

我写了这个 css 代码，但我不知道如何将它与菜单连接：

#navigation ul li a.current {

background-color: #FFF;

border-bottom: 1px solid #FFF;

}

慕村9548890

浏览 189回答 2

2回答

月关宝盒

有多种方法可以包含 CSS，在您的情况下，最简单的方法是创建一个让我们说 style.css 并将其包含在标签内的主模板中：<link href=/path/to/yourcss/style.css rel=stylesheet type='text/css'>这样它会影响所有动态包含的 CSS，它应该是为可互换组件锁定的类。例子：<html>    <head>        ... other meta tags        <link href=/path/to/yourcss/style.css rel=stylesheet type='text/css'>    </head>    <body>        your php includes for content    </body> </html>

SMILET

你应该使用<link>Tag 来包含 css 文件html / php<head><link rel='stylesheet' type='text/css' href='CSS/main.css'></head>

随时随地看视频慕课网APP