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
  • 相关阅读:
    【Android UI设计与开发】第03期:引导界面(三)仿微信引导界面以及动画效果
    【Android UI设计与开发】第02期:引导界面(二)使用ViewPager实现欢迎引导页面
    【Android UI设计与开发】第01期:引导界面(一)ViewPager介绍和使用详解
    【Android UI设计与开发】第15期:顶部标题栏(六)实现悬浮式顶部和底部标题栏效果
    Android 百度地图开发(一)--- 申请API Key和在项目中显示百度地图
    Android 百度地图开发(二)--- 定位功能之MyLocationOverlay,PopupOverlay的使用
    jsp生命周期,和知识点添加
    jsp 脚本,声明,用户端不可见注释
    初学jsp,1、配置myeclipse
    呃呃,才意识到
  • 原文地址:https://www.cnblogs.com/luluping/p/1251719.html
Copyright © 2011-2022 走看看