zoukankan      html  css  js  c++  java
  • 清爽配色15套,有参考价值!

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <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>


    </html>

  • 相关阅读:
    MYSQL一对多,两表查询合并数据
    bootstrap瀑布流代码
    os mac apache+php+mysql环境配置
    centos 6.5 服务器安装 (LNMP ntfs文件支持 PHP-RPM CHROOT沙盒)
    在linux下将当前目录文件全部小写含目录名
    Javascript知识汇总------js中容易被忽略的细节(持续更新)
    Javascript知识汇总------js数据类型隐式转换
    下次要写约瑟夫和并查集
    --wrong answer
    --最小生成树
  • 原文地址:https://www.cnblogs.com/quanhai/p/1500324.html
Copyright © 2011-2022 走看看