zoukankan      html  css  js  c++  java
  • 15套比较好的css背景,果断收藏

    原代码出处:http://www.qpsh.com/javascript/showpage2620.htm

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <title>清爽配色15套</title>
    <style type="text/css">
    .style1{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #96C2F1;
    background-color: #EFF7FF
    }
    
    .style2{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #9BDF70;
    background-color: #F0FBEB
    }
    
    .style3{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #BBE1F1;
    background-color: #EEFAFF
    }
    
    .style4{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #CCEFF5;
    background-color: #FAFCFD
    }
    
    .style5{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #FFCC00;
    background-color: #FFFFF7
    }
    
    .style6{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #92B0DD;
    background-color: #FFFFFf
    }
    .style6 h5{
    margin: 1px;
    background-color: #E2EAF8;
    height: 24px;
    }
    
    .style7{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #A9C9E2;
    background-color: #E8F5FE
    }
    
    .style8{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #E3E197;
    background-color: #FFFFDD
    }
    
    .style9{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #ADCD3C;
    background-color: #F2FDDB
    }
    
    .style10{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #F8B3D0;
    background-color: #FFF5FA
    }
    
    .style11{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #D3D3D3;
    background-color: #F7F7F7
    }
    
    .style12{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #BFD1EB;
    background-color: #F3FAFF
    }
    
    .style13{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #FFDD99;
    background-color: #FFF9ED
    }    
    
    .style14{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #CACAFF;
    background-color: #F7F7FF
    }    
    
    .style15{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #A5B6C8;
    background-color: #EEF3F7
    }
    .style16{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #CEE3E9;
    background-color: #F1F7F9
    }    
    </style>
    
    <div class="style1"><h5></h5></div>
    <div class="style2"><h5></h5></div>
    <div class="style6"><h5></h5></div>
    <div class="style3"></div>
    <div class="style4"></div>
    <div class="style5"></div>
    <div class="style7"></div>
    <div class="style8"></div>
    <div class="style9"></div>
    <div class="style10"></div>
    <div class="style11"></div>
    <div class="style12"></div>
    <div class="style13"></div>
    <div class="style14"></div>
    <div class="style15"></div>
    <div class="style16"></div>
  • 相关阅读:
    windows下建立多重文件夹
    one-hot向量,softmax向量和反向传播
    牛客网高级项目实战课第一章
    Mysql索引的创建与删除
    Tomcat服务器
    JavaWeb基本概念
    Windows系统下Elasticsearch集群搭建
    数据结构之排序算法1
    如何求一个数的平方根
    数据结构之查找算法
  • 原文地址:https://www.cnblogs.com/binger/p/javascript.html
Copyright © 2011-2022 走看看