CSS中的
- 和
- 是常用于網(wǎng)頁(yè)導(dǎo)航菜單的標(biāo)簽,可以實(shí)現(xiàn)橫向和豎向的導(dǎo)航。
在實(shí)現(xiàn)橫向?qū)Ш綍r(shí),需要使用以下CSS代碼:
ul { list-style: none; display: flex; } li { margin-right: 20px; }
其中,
list-style: none;
用于取消默認(rèn)的列表樣式,display: flex;
用于將- 元素變?yōu)閺椥匀萜鳎?code>margin-right: 20px;用于設(shè)置每個(gè)導(dǎo)航項(xiàng)之間的間距。
而實(shí)現(xiàn)豎向?qū)Ш綍r(shí)需要使用以下代碼:
ul { list-style: none; } li { margin-bottom: 10px; }
其中,
margin-bottom: 10px;
用于設(shè)置每個(gè)導(dǎo)航項(xiàng)之間的垂直間距。