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
  • 相关阅读:
    [BJOI2019] 光线
    C# 从零开始写 SharpDx 应用 笔刷
    BAT 脚本判断当前系统是 x86 还是 x64 系统
    BAT 脚本判断当前系统是 x86 还是 x64 系统
    win2d 通过 CanvasActiveLayer 画出透明度和裁剪
    win2d 通过 CanvasActiveLayer 画出透明度和裁剪
    PowerShell 拿到显卡信息
    PowerShell 拿到显卡信息
    win10 uwp 如何使用DataTemplate
    win10 uwp 如何使用DataTemplate
  • 原文地址:https://www.cnblogs.com/luluping/p/1251719.html
Copyright © 2011-2022 走看看