Question

我有这段HTML代码可以创建一个简单的动态菜单：

<?php
    // Get current page file name
    $page = basename($_SERVER["PHP_SELF"]);
?>
<html>
<head>
   <link rel='stylesheet' type='text/css' href='style.css'>
  </head>
<body>
 <h1>NTUA Library</h1>
<div id="navigation">
    <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>

在同一目录中，有一个名为style.css的文件，其代码如下：

#navigation ul li a.current {
    background-color: red;
    border-bottom: 100px solid powderblue;
    margin: 50px;
padding: 5px;
}

在开发人员工具中，style.css的状态码为200，但似乎无法在菜单上工作。我使用xampp从本地主机打开简单菜单。

将CSS与HTML文件链接

0 个答案: