CSS導(dǎo)航欄設(shè)置距離的方法

在CSS中，我們可以使用margin屬性來設(shè)置導(dǎo)航欄的距離，這個屬性可以讓我們在導(dǎo)航欄的上方、下方、左邊和右邊添加一定的空間。

如果我們想要設(shè)置導(dǎo)航欄距離頁面頂部30像素，可以這樣寫：

.navbar {
  margin-top: 30px;
}

如果想要設(shè)置導(dǎo)航欄距離頁面底部30像素，可以這樣寫：

.navbar {
  margin-bottom: 30px;
}

如果想要設(shè)置導(dǎo)航欄距離左邊30像素，可以這樣寫：

.navbar {
  margin-left: 30px;
}

如果想要設(shè)置導(dǎo)航欄距離右邊30像素，可以這樣寫：

.navbar {
  margin-right: 30px;
}

我們也可以一次性設(shè)置四個方向的距離，

.navbar {
  margin: 30px;
}

這樣，導(dǎo)航欄就會距離頁面頂部、底部、左邊和右邊各30像素，如果我們想要設(shè)置不同的距離，可以分別設(shè)置四個方向的margin值。