网页布局与版权信息展示-优快云博客

本文介绍了如何在网页中合理布局元素并展示版权信息，包括使用CSS样式进行美化和实现响应式布局。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.l-footer {
FONT-SIZE: 12px;
PADDING-TOP: 20px;
TEXT-ALIGN: center
}
.box {
MARGIN: 0px auto;
WIDTH: 960px
}
B.space {
DISPLAY: inline-block;
BORDER-LEFT: #999 1px solid;
WIDTH: 0px;
ZOOM: 1;
POSITION: relative;
TOP: 2px;
HEIGHT: 13px;
_display: inline
}

.span-rows {
WORD-SPACING: -0.5em;
LETTER-SPACING: normal
}
.span-rows SPAN {
DISPLAY: inline-block;
VERTICAL-ALIGN: top;
LETTER-SPACING: normal
}
.span-rows SPAN A {
WORD-SPACING: normal;
VERTICAL-ALIGN: baseline;
LETTER-SPACING: normal
}
.box-copyright {
MARGIN-TOP: 10px;
MARGIN-BOTTOM: 10px;
LINE-HEIGHT: 16px;
_margin-top: 12px
}
.box-copyright SPAN {
MARGIN: 0px 14px
}
.box-about SPAN {
PADDING-RIGHT: 9px;
PADDING-LEFT: 9px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px
}
.box-about B {
TOP: 0px
}
SPAN.box-about_first {
BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
BORDER-BOTTOM-STYLE: none
}
</style>

</head>

<body>

<DIV class="box l-footer">


<A href="#">关于本站</A>
<A href="#">关于本站</A>
<A href="#">关于本站</A>
<A href="#">关于本站博</A>
<A href="#">关于本站</A>


xxxxxx.comfsfsfdfsfsdfdsf
</DIV>

</body>
</html>

导航导航导航导航