css实现白云飘飘背景登录表单页面效果代码-html代码-BFW代码库

css实现白云飘飘背景登录表单页面效果代码

代码语言：html

代码描述：css实现白云飘飘背景登录表单页面效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
        @charset "utf-8";
        /* Reset CSS */
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, font, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td {
        	margin: 0;
        	padding: 0;
        	border: 0;
        	outline: 0;
        	font-size: 100%;
        	vertical-align: baseline;
        	background: transparent;
        }
        body {
        	background: #DCDDDF ;
        	color: #000;
        	font: 14px Arial;
        	margin: 0 auto;
        	padding: 0;
        	position: relative;
        }
        h1{ font-size:28px;}
        h2{ font-size:26px;}
        h3{ font-size:18px;}
        h4{ font-size:16px;}
        h5{ font-size:14px;}
        h6{ font-size:12px;}
        h1,h2,h3,h4,h5,h6{ color:#563D64;}
        small{ font-size:10px;}
        b, strong{ font-weight:bold;}
        a{ text-decoration: none; }
        a:hover{ text-decoration: underline; }
        .clearfix:after,form:after {
        	content: ".";
        	display: block;
        	height: 0;
        	clear: both;
        	visibility: hidden;
        }
        .container { margin:75px auto 0 auto; position: relative; width: 900px; }
        #content {
        	background: #f9f9f9;
        	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
        	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
        	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
        	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
        	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
        	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 ); */
        	-webkit-box-shadow: 0 1px 0 #fff inset;
        	-moz-box-shadow: 0 1px 0 #fff inset;
        	-ms-box-shadow: 0 1px 0 #fff inset;
        	-o-box-shadow: 0 1px 0 #fff inset;
        	box-shadow: 0.........完整代码请登录后点击上方下载按钮下载查看