【备忘录】页面布局,顶底部导航栏
2个css样式中添加:
/*网页头图*/
#body .toutuzjl .tupian img{
border-radius:5px;
text-align: center;
padding:0px;
margin:0 auto;
display: block;
width:100%;
max-height: 250px;
object-fit: cover;
margin-block: 10px;
}
header头部文件:
<div class="toutuzjl">
<div class="tupian">
<img src="https://ypycc.886a.top/wp-content/uploads/
2022/06/cropped-7946170535396804.jpg">
</div>
</div>
while:
220、233-234注释掉,
1982的.clearfix
添加background-color: #fff;
dark:
226、239-240注释掉,
1995的.clearfix
添加background-color: #171a21;
底部样式
去除夜间底部颜色
dark中1740-1748的footer
底部文件
white文件
/footer魔改/中 1746-1760
padding-bottom: 20px
207 白色背景
48-53:
/*底部增加蓝色线条*/
border-top: 3px solid #157ed9;
/*加大底部间距*/
padding-bottom: 10px;
dark文件
/footer魔改/中 1751-1767
padding-bottom: 20px
215 夜晚背景
/底部增加暗色线条/
51-56:
border-top: 3px solid #565656;
—— THE END ——
最后更新于 2022-06-28「部分内容存在时效性,如有失效请留言反馈」
除注明外为 羽翼博客 原创文章,转载请注明出处。
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
本文链接:https://www.886a.top/archives/385.html