/* 基本样式 */
.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”的元素来定义版权信息的样式。大家把版权信息左对齐，然后将其右对齐。
这是一个使用以上CSS和HTML代码创建的漂亮的页脚。当你将其添加到你的网站中时，它将增加用户体验、提高网站的专业性和信任度。