时间戳

首页 > 解决方案 > 如何在导航栏链接之间添加空格？

html - 如何在导航栏链接之间添加空格？

问题描述

我试图在导航栏链接之间放置空间。谁能帮我做到这一点？

这是HTML代码：

<!DOCTYPE html>
<html>
<head>
    <title>007 NIGHTFIRE DATA</title>
</head>
<body>
    <h1><center><font color="#FFD700">007 NIGHTFIRE DATA</center></h1></span></font>
    <nav>
        <center>
        <a href="/HOME/">HOME</a>
        <a href="/GAMEPLAY/">GAMEPLAY</a>
        <a href="/IMAGES/">IMAGES</a>
        <a href="/VIDEOS & TRAILERS/">VIDEOS & TRAILERS</a>
        <a href="/GAME HELP/">GAME HELP</a>
        </center>
    </nav>

标签： htmlnav

解决方案

通过使用边距，

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.nav{
  display: inline;
  margin-left: 5px;
  margin-right:5px;
}
</style>
<title>007 NIGHTFIRE DATA</title>
</head>
<body>
<h1><center><font color="#FFD700">007 NIGHTFIRE DATA</center></h1></span></font>
<nav>
<center>
<div class="nav"><a href="/HOME/">HOME</a></div>
<div class="nav"><a href="/GAMEPLAY/">GAMEPLAY</a></div>
<div class="nav"><a href="/IMAGES/">IMAGES</a></div>
<div class="nav"><a href="/VIDEOS & TRAILERS/">VIDEOS & TRAILERS</a></div>
<div class="nav"><a href="/GAME HELP/">GAME HELP</a></div>
</center>
</nav>

希望这可以帮助你！

推荐阅读