网页底部的版权信息_【CSS】网页布局

网页布局

头部区域、菜单导航区域、内容区域、底部区域。

头部区域：

头部区域位于整个网页的顶部，一般用于设置网页的标题或者网页的 logo：

.header {
    
  background-color: #F1F1F1;
  text-align: center;
  padding: 20px;
}

导航区域：

/* 导航条 */
.topnav {
    
  overflow: hidden;
  background-color: #333;
}
 
/* 导航链接 */
.topnav a {
    
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;