使用CSS设计动态菜单

时间:2019-05-24 14:34:21

标签: php html css

我有一个使用HTML创建菜单的简单代码:

<?php
    // Get current page file name
    $page = basename($_SERVER["PHP_SELF"]);
?>

<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>

我在CSS中也有这段代码来对其进行样式设置:

#navigation ul li a.current {
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
}

这些在htdocs中,当我进入localhost / foldername / first.php(首先是第一段代码)时,我得到一个简单的菜单并且css不会影响它。如何将该菜单与css代码连接所以我可以修改它吗?css代码错误吗? 附言:css代码位于同一目录中的.css文件中

0 个答案:

没有答案