为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

PHP
慕村9548890 2021-06-28 17:57:29
我有一个使用 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><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>模板/footer.php:</body></html>menu.php 和文件模板在同一个目录下这段代码创建了一个简单而小巧的菜单。我怎样才能使用 css 让它更好一点?我写了这个 css 代码,但我不知道如何将它与菜单连接:#navigation ul li a.current {    background-color: #FFF;    border-bottom: 1px solid #FFF;}
查看完整描述

2 回答

?
月关宝盒

TA贡献1772条经验 获得超5个赞

有多种方法可以包含 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>


查看完整回答
反对 回复 2021-07-09
?
SMILET

TA贡献1796条经验 获得超4个赞

你应该使用<link>Tag 来包含 css 文件html / php


<head>

<link rel='stylesheet' type='text/css' href='CSS/main.css'>

</head>


查看完整回答
反对 回复 2021-07-09
  • 2 回答
  • 0 关注
  • 188 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信