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
  • 相关阅读:
    linux下查看主板内存槽与内存信息
    centos 6 与 centos 7 服务开机启动、关闭设置的方法
    linux 配置本地光盘YUM源
    linux crontab定时任务不执行
    Linux下安装MySQL5.6
    Linux shell 自动删除n天前日志
    nginx request_time 和upstream_response_time
    linux中文件多行合并为一行的例子
    awk 处理文本:行转列,列转行
    nfs环境搭建报错clnt_create: RPC: Program not registered
  • 原文地址:https://www.cnblogs.com/luluping/p/1251719.html
Copyright © 2011-2022 走看看