顶部导航部分 模板2 模板1 默认模板 
 
 
左侧部分
 
内容部分
 
   

body{background: url(../../images/bg01.jpg)} .header{width: 100%;height: 40px;line-height: 40px;text-align: center;background: rgb(63, 6, 6);box-shadow: 2px 2px 10px #ccc;color: #fff;} .header button{float: right;margin-right: 20px;} .content{width: 80%;height: 600px;margin:10px auto;opacity: 0.8;} .content_l{width:30%;height: 600px;background: cadetblue;float: left;border-radius: 10px;} .content_r{width:65%;height: 600px;background: crimson; float: right;border-radius: 10px;}

body{background: url(../../images/bg02.jpg)} .header{width: 100%;height: 40px;line-height: 40px;text-align: center;background: rgb(134, 130, 130);box-shadow: 2px 2px 10px #ccc;color: #fff;} .header button{float: right;margin-right: 20px;} .content{width: 80%;height: 600px;margin:10px auto;opacity: 0.8;} .content_l{width:65%;height: 600px;background: rgb(114, 95, 160);float: left;border-radius: 10px;} .content_r{width:30%;height: 600px;background: rgb(223, 157, 17); float: right;border-radius: 10px;}

body{background: url(../../images/bg03.jpg)} .header{width: 100%;height: 40px;line-height: 40px;text-align: center;background: rgb(134, 130, 130);box-shadow: 2px 2px 10px #ccc;color: #fff;} .header button{float: right;margin-right: 20px;} .content{width: 80%;height: 600px;margin:10px auto;opacity: 0.8;} .content_l{width:48%;height: 600px;background: rgb(80, 163, 152);float: left;border-radius: 10px;} .content_r{width:48%;height: 600px;background: rgb(226, 140, 173); float: right;border-radius: 10px;}