导航栏的魔法
- 说起导航栏如何制作,相信只要会html和css都会写出一个导航栏,现在就来谈谈导航栏的布局
- 假如我要制作这样的导航栏
- 因为图片太小看不见,为了更容易看清,看看左侧部分和右侧部分
- 左侧部分
- 右侧部分
- 我最开始想到的肯定是flex布局,然后使用 justify-content:space-between ,这样基本就可以实现布局了,代码会是这样子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>导航栏</title>
<link rel="stylesheet" href="./nav.css">
</head>
<body>
<div class="container">
<div class="nav">
<div class="left">
<a href