博客列表 >五环啊五环你比四环多一环

五环啊五环你比四环多一环

小丑0o鱼
小丑0o鱼原创
2019年03月27日 19:58:13898浏览

实例

<!doctype html>
<html>
 <head>
  <meta charset=UTF-8>
  <meta name=Generator content=baidu.com>
  <meta name=Author content=作者>
  <meta name=Keywords content=关键词>
  <meta name=Description content=文档描述信息>
    <!--<link rel="stylesheet" type="text/css" href="css.css">
        <link rel="icon" type="image/x-icon" href="img/标题logo"> 
        <script type="text/javascript" src=""></script>                         -->
  <style type="text/css">
	*{margin:0;padding:0;}
    address, cite, dfn, em, var{font-style:normal;}
    li{font-style:normal;}
	a{text-decoration:none;color:#f40;}
	a:hover { text-decoration:underline;} 
	table{border-collapse:collapse; border-spacing:0;}
	ul, ol { list-style:none; } 
    h1, h2, h3, h4, h5, h6{ font-size:100%; }
	fieldset, img { border:0; }
    body{height:1500px;}
	div{width:150px;height:150px;border-radius:50%;position:fixed;left:50%;top:50%;}
	.a{border:10px solid #0066ff;margin:-200px -360px;}
	.b{border:10px solid #000033;margin:-200px -160px;}
	.c{border:10px solid #cc0000;margin:-200px 40px;}
	.d{border:10px solid #ffff00;margin:-110px -260px;}
	.e{border:10px solid #00cc00;margin:-110px -60px;}

  </style>
  <title>页面名称</title>
 </head>
 <body>
  <div class="a"></div>
  <div class="b"></div>
  <div class="c"></div>
  <div class="d"></div>
  <div class="e"></div>

 </body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

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