How can different links be displayed in the same PHP layout using CSS?

When displaying different links in the same PHP layout using CSS, you can create a dynamic navigation menu by using PHP to generate the links and CSS to style them. You can achieve this by creating an array of links in PHP and then iterating over the array to display each link with the appropriate styling. 

<?php
$links = array(
    "Home" => "index.php",
    "About" => "about.php",
    "Contact" => "contact.php"
);
?>

<!DOCTYPE html>
<html>
<head>
    <style>
        .nav {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        .nav li {
            display: inline;
            margin-right: 10px;
        }

        .nav a {
            text-decoration: none;
            color: blue;
        }
    </style>
</head>
<body>
    <ul class="nav">
        <?php
        foreach($links as $title => $url) {
            echo "<li><a href='$url'>$title</a></li>";
        }
        ?>
    </ul>
</body>
</html>

Keywords

PHP CSS links layout display

Related Questions