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
  • 相关阅读:
    Python 中的 None 与真假
    AVR第5课:蜂鸣器
    Solr使用入门指南
    EJB究竟是什么,真的那么神奇吗??
    Android 各个版本号WebView
    android SQLite 使用实例
    BackTrack5 (BT5)无线password破解教程之WPA/WPA2-PSK型无线password破解
    腾讯QQ企业邮箱POP3/SMTP设置
    【LeetCode】Substring with Concatenation of All Words
    PreferenceFragment 使用 小结
  • 原文地址:https://www.cnblogs.com/luluping/p/1251719.html
Copyright © 2011-2022 走看看