网页底部固定版权信息
2017-11-08 16:18
239 查看
首先编辑网页代码
<!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=gb2312" />
<title>测试例子</title>
</head>
<body>
<div id="footer">CopyRight@copy2017 </div>
</body>
</html>
添加style样式
<!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=gb2312" />
<title>测试例子/title>
<style type="text/css">
body {
padding: 0;
margin: 0 auto;
}
#footer {
height: 40px;
line-height: 40px;
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
background: #333;
color: #fff;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
}
.content {
height: 1800px;
width: 100%;
text-align: center;
}
</style>
</head>
<body>
<div id="footer">CopyRight@copy2017 </div>
</body>
</html>
<!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=gb2312" />
<title>测试例子</title>
</head>
<body>
<div id="footer">CopyRight@copy2017 </div>
</body>
</html>
添加style样式
<!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=gb2312" />
<title>测试例子/title>
<style type="text/css">
body {
padding: 0;
margin: 0 auto;
}
#footer {
height: 40px;
line-height: 40px;
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
background: #333;
color: #fff;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
}
.content {
height: 1800px;
width: 100%;
text-align: center;
}
</style>
</head>
<body>
<div id="footer">CopyRight@copy2017 </div>
</body>
</html>
相关文章推荐
- 如何将网页中尾部版权信息固定在网页最末端,且随着窗口变化实现自适应。
- 网页顶端或底部固定层
- 网页内容高度不够时,让footer处于页面底部的方法(不是固定在底部)
- DIV+CSS实操三:经管系网页内容模块添加标题栏和版权信息模块
- 网站底部版权信息正确写法
- 网页底部固定漂浮导航栏制作
- 织梦底部添加版权信息标签代码
- Hishop除去底部版权信息
- 关于beescms如何去掉底部版权信息
- 网站底部版权信息正确书写方式
- ecshop去除网页源码中的版权信息(…
- 拷贝网页内容时自动增加版权信息的js脚本
- 织梦更新后如何去掉底部的织梦版权信息powered by dedecms
- 拷贝网页内容增加版权信息的
- zen cart修改底部版权信息
- 如何将某个层固定在网页的底部,不会随网页右边滚动条的位置而改变
- 如何去掉底部的织梦版权信息powered by dedecms
- 如何动态不显示页面底部的版权所有等信息???
- 第九十节,html5+css3pc端固定布局,底部区域,说明区域,版权区域