• 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>
  • 相关阅读:
    Java (三)APACHE Commons IO 常规操作
    JavaFX FileChooser文件选择器,缓存上一次打开的目录
    JavaFX FileChooser文件选择器、DirectoryChooser目录选择器
    javaFX 在窗口的标题栏显示当前时间,1秒更新一次时间
    Java 实现截屏
    composer安装包的时候触发PHP fatal error,提示允许的内存耗光
    箭头函数
    js中的寄生组合继承
    构造函数的原型
    在string.replace中使用具名组匹配
  • 原文地址:https://www.cnblogs.com/leotan/p/1805921.html
Copyright © 2020-2023  润新知