纯html+div+css模拟酷炫彩色渲染背景
www.html.com.cn 出品
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width">
<title>纯div+css模拟酷炫彩色渲染背景</title>
<link rel="stylesheet" type="text/css" href="http://#" /> <!--可引用外部css-->
<script type="text/javascript" src="http://#" ></script> <!--可引用外部JS，以及jquery等库-->
<!-- 各种JS库的引用地址：www.bootcdn.cn -->
<script>
/* 自写js */
</script>
<style>
body{
/*padding:0; margin:0;*/
margin: 0px;
padding: 0px;
width: 1px;
height: 1px;
background: linear-gradient(to right, rgb(111, 211, 195), rgb(10, 222, 20), rgb(8, 155, 171), rgb(126, 157, 254), rgb(10, 218, 222));
}
.bg1{
width: 100%;
height: 100%;
position: absolute;
background: radial-gradient(rgb(118, 173, 233),rgba(111, 191, 211, 0.74),rgba(61, 231, 243, 0.47));
}
.container{
width: 600px;
height: 300px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -300px;
margin-top: -150px;
background:rgba(0,0,0,0.03);
border:1px solid rgba(0,0,0,0.1);
}
</style>
</head>
<body>
<div class="bg1"></div>
<div class="container">你的内容</div>
</body>
</html>
发表评论(不用注册哟！)