网站网页通用底部

最新推荐文章于 2025-03-11 12:44:21 发布

学Java的小李

最新推荐文章于 2025-03-11 12:44:21 发布

阅读量2.7k

点赞数 2

分类专栏： html css

本文链接：https://blog.youkuaiyun.com/qq_40072583/article/details/96473770

版权

本文介绍了如何设计并实现适用于各种网站的通用底部，包括其展示效果和具体的HTML/CSS代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：

在这里插入图片描述

代码：

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>标题名</title>
<style>


	*{margin:0px;padding:0px;box-sizing:border-box}
	body{margin:0 auto;font-size:12px;font-family:"微软雅黑";line-height:normal;min-width:1200px}
	ul{list-style:none}
	a{text-decoration:none}

	.footer{width:100%;background-color:#323A45;padding-top:70px;height:auto;overflow:hidden}
	.other-link{width:1200px;margin:0 auto;height:auto;overflow:hidden}
	.other-link>div{float:left}
	.other-link .sucai-contact{float:right}
	.link-look{width:960px;padding-bottom:45px}
	.link-list{float:left;width:20%}
	.link-list h3{height:45px;line-height:20px;font-size:20px;color:#ffffff}
	.link-list ul li a{line-height:33px;color:#ABACAF;font-size:15px}
	.link-list ul li