在页面设计中，页脚是一个非常重要的部分。它为网站提供了一个方便的位置来放置各种信息，例如联系方式、版权信息、导航等。这篇文章将向您展示如何使用CSS来创建漂亮的页脚。
/* 基本样式 */
.footer {
background-color: #f2f2f2; /* 背景颜色 */
padding: 20px; /* 内边距 */
font-family: Arial, sans-serif; /* 字体样式 */
font-size: 14px; /* 字体大小 */
color: #666; /* 文本颜色 */
}
/* 链接样式 */
.footer a {
color: #666; /* 颜色 */
text-decoration: none; /* 不要下划线 */
}
.footer a:hover {
color: #333; /* 鼠标悬停颜色 */
}
/* 版权信息 */
.footer p {
float: left; /* 左浮动 */
}
.footer .copyright {
float: right; /* 右浮动 */
}
/* 清除浮动 */
.clearfix:after {
content: "";
display: table;
clear: both;
}以上代码定义了基本的页脚样式。我们使用了一个类名为“footer”的div元素来定义页脚。我们设置了背景颜色，内边距和字体样式。我们还把文字颜色设置为灰色，这使文本更容易阅读。
我们使用CSS选择符“a”来定义链接样式。我们使用了一个不同的颜色，并将下划线去掉。当鼠标悬停在链接上时，我们将链接颜色更改为深灰色。这样，我们的链接会更有吸引力，用户会更容易注意到它们。
我们使用了两个类名为“clearfix”和“copyright”的元素来定义版权信息的样式。我们把版权信息左对齐，然后将其右对齐。
联系方式：Email: example@example测试数据
版权所有 © 2021 Example Company. All Rights Reserved.
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did221773