网页制作-头部

确认

获取

• 可以在网页中用F12检查，查看logo路径，保存本地
• 可以在使用ps中的cutterman到处psd文件中的logo

结构

<!-- 头部盒子 -->
<div class="header w">
  <!-- logo部分 -->
  <div class="logo">
    <img src="images/logo.png" alt="###">
  </div>
</div>

样式

* {
  padding: 0;
  margin: 0;
}
.w {
  width: 1200px;
  margin: auto;
}
.header {
  height: 42px;
  background-color: royalblue;
  /* 此地方会重叠 w类中的margin */
  margin: 30px auto;
}
.logo {
  width: 198px;
  height: 42px;
}