前言：
目前小伙伴们对“查看网页header”大致比较注重，咱们都需要分析一些“查看网页header”的相关文章。那么小编同时在网摘上网罗了一些对于“查看网页header””的相关内容，希望各位老铁们能喜欢，大家一起来了解一下吧！之前我们的主页的部分搞好了
header中包含logo和导航，先在HTML中生成这些
<header class="header"> <img src="img/omnifood-logo.png" alt="LOGO"> <nav class="main-nav">Navigation</nav> </header>很显然LOGO太大了，我们来修复它
.logo { height: 2.4rem;}logo在左边，导航在右边，这个很熟悉了吧，直接flexbox大法
.header { display: flex; justify-content: space-between; align-items: center;}接着我们修复我们的背景和间距
.header { display: flex; justify-content: space-between; align-items: center; background-color: #fdf2e9; height: 9.6rem; padding: 0 4.8rem;}.logo { height: 2.2rem;}这样，我们标题的部分也就完成了
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #查看网页header #html设置header #html添加header
