【页面布局】制作网站首页第十三届蓝桥杯（Web 应用开发）线上模拟赛

最新推荐文章于 2024-04-19 20:52:53 发布

Pulseum

最新推荐文章于 2024-04-19 20:52:53 发布

阅读量1.7k

点赞数 2

分类专栏：第十三届蓝桥杯Web模拟赛文章标签：前端

本文链接：https://blog.csdn.net/qq_53472371/article/details/121695664

版权

【页面布局】制作网站首页

考试需求

001
002

关键尺寸批注如下：

在这里插入图片描述

解答：

style.css:

body {
   
  box-sizing: border-box;
 
  width:1024px;
  margin: auto;
  background-color: #F9F9F9;
}
*{
   
  margin:0;padding:0;
}
body a {
   
  text-decoration:none;
}
body li {
   
  list-style: none; 
}


.headerbox .navbox{
   
  height: 78px;
  background-color: #ffffff;
}
.navbox img{
   
  margin-top: 14px;
  margin-left: 30px;
}
.navright {
   
  float: right;
  line-height: 78px;
  margin-right: 50px;
}