博客列表 >固定广告的制作-2019年1月16日

固定广告的制作-2019年1月16日

超超的博客
超超的博客原创
2019年01月16日 14:19:12605浏览
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>固定广告</title>
<style>
	.advertise-left {
		width:200px; 
		height:300px;
		background:#333; 
		position:fixed; 
		left:0;
		top:200px;
		}	
	
	.advertise-right {
		width:200px; 
		height:300px;
		background:#333; 
		position:fixed; 
		right:0;
		top:200px;
		}	
		
	.advertise-left p,.advertise-right p { 
		font-size:14px; 
		color:#fff;
		text-align:center;
	}
	.content{ width:1200px; height:50%; background:#f00; margin:0 auto;}
	.content1{ width:1200px; height:50%; background:green; margin:0 auto;}
</style>
</head>
<body style="height:2000px">
<div class="advertise-left">
<p>
跟着朱老师学习真带劲!!!
</p>
</div>
<div class="content"></div>
<div class="content1"></div>
<div class="advertise-right">
<p>
跟着朱老师学习真带劲!!!
</p>
</div>
</body>
</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议