zoukankan      html  css  js  c++  java
  • 20个“标准的”配色方案

    <html>
    <head>
     <title>Colors</title>
     <style type="text/css">
     body{
     margin:20px;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size:12px;
     }
     .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
     }
     
     .style17{
      800px;
     height: 100px;
     margin: 0px auto;
     margin-bottom:20px;
     border:1px solid #CAE3FF;
     background-color: #F4F9FF
     }
     
     .style18{
      800px;
     height: 100px;
     margin: 0px auto;
     margin-bottom:20px;
     border:1px solid #C9D9EE;
     background-color: #ECF8FF
     }
     
     .style19{
      800px;
     height: 100px;
     margin: 0px auto;
     margin-bottom:20px;
     border:1px solid #5C9CC0;
     background-color: #F2FAFF
     }
     
     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>Title</h5></div>
    <div class="style2"><h5>Title</h5></div>
    <div class="style6"><h5>Title</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>
    <div class="style17"></div>
    <div class="style18"></div>
    <div class="style19"></div>
    </body>
    </html>
  • 相关阅读:
    php内存管理机制、垃圾回收机制
    Redis 3.2.1集群搭建
    centos开启IPV6配置方法
    /etc/hosts.allow和/etc/hosts.deny详解
    3元购买微信小程序解决方案一个月
    linux下使用ntfs-3g挂载NTFS出错
    腾讯云微信小程序域名变更指南
    nginx开启gzip压缩
    centos 7使用yum安装docker容器
    linux中启动网卡报错:Bringing up interface eth1: Error: Connection activation failed
  • 原文地址:https://www.cnblogs.com/leotan/p/1805921.html
Copyright © 2011-2022 走看看