zoukankan      html  css  js  c++  java
  • web2.0常用配色.

    <html>
    <head>
            <title>web2.0 color</title>
            <style type="text/css">
            body{
            margin:20px;
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size:12px;
                    text-align:center;
            }
            .style1{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #96C2F1;
            background-color: #EFF7FF
            }
            .style1 h5{
            margin: 1px;
            background-color: #B2D3F5;
            height: 24px;
            }
           
            .style2{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #9BDF70;
            background-color: #F0FBEB
            }
                    .style2 h5{
            margin: 1px;
            background-color: #C2ECA7;
            height: 24px;
            }
           
            .style3{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #BBE1F1;
            background-color: #EEFAFF
            }
           
            .style4{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #CCEFF5;
            background-color: #FAFCFD
            }
           
            .style5{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #FFCC00;
            background-color: #FFFFF7
            }
           
            .style6{
            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{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #A9C9E2;
            background-color: #E8F5FE
            }
           
            .style8{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #E3E197;
            background-color: #FFFFDD
            }
           
            .style9{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #ADCD3C;
            background-color: #F2FDDB
            }
           
            .style10{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #F8B3D0;
            background-color: #FFF5FA
            }
           
            .style11{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #D3D3D3;
            background-color: #F7F7F7
            }
           
            .style12{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #BFD1EB;
            background-color: #F3FAFF
            }
           
            .style13{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #FFDD99;
            background-color: #FFF9ED
            }       
           
            .style14{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #CACAFF;
            background-color: #F7F7FF
            }       
           
            .style15{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #A5B6C8;
            background-color: #EEF3F7
            }
            .style16{
            800px;
            height: 100px;
            margin: 0px auto;
            margin-bottom:20px;
            border:1px solid #CEE3E9;
            background-color: #F1F7F9
            }       
            h5{color:#CCCCCC;margin-left:680px}
            a{color:#CCCCCC;text-decoration:none}
            a:hover{color:#666666;text-decoration:underline}
            </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
    <body>
    <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>
    </body>
    </html>
    本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=536
  • 相关阅读:
    (Java随机数举例)随机扔一千次硬币的正反次数
    hibernate+spring的整合思路加实例(配图解)
    从零开始学C++之IO流类库(三):文件的读写、二进制文件的读写、文件随机读写
    ssh连接Linux自动断开后再也无法连上的问题
    面试题10:二进制中1的个数
    C 语言统计关键字出现次数
    在Eclipse中Attach Source
    Visual Sudio 2012转换界面风格
    java 判断字符串IP合法性以及获取IP的数值形式
    java.lang.string split 以点分割字符串无法正常拆分字符串
  • 原文地址:https://www.cnblogs.com/luluping/p/1251719.html
Copyright © 2011-2022 走看看