最近比较流行的网站配色

于 2007-04-22 12:05:00 发布
阅读量675 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript技术 文章标签： border div class html xhtml c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/rjzou2006/article/details/1574460
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>最近比较流行的网站配色</title>
  6. <meta name="keywords" content="网站配色,Planabc,流行">
  7. <meta name="description" content="最近比较流行的网站配色">
  8. <html>
  9. <head>
  10. <style type="text/css">
  11.     body{
  12.     margin:20px;
  13.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  14.     font-size:12px;
  15.     }
  16.     .style1{
  17.     width: 800px;
  18.     height: 100px;
  19.     margin: 0px auto;
  20.     margin-bottom:20px;
  21.     border:1px solid #96C2F1;
  22.     background-color: #EFF7FF
  23.     }
  24.     .style1 h5{
  25.     margin: 1px;
  26.     background-color: #B2D3F5;
  27.     height: 24px;
  28.     }
  29.    
  30.     .style2{
  31.     width: 800px;
  32.     height: 100px;
  33.     margin: 0px auto;
  34.     margin-bottom:20px;
  35.     border:1px solid #9BDF70;
  36.     background-color: #F0FBEB
  37.     }
  38.         .style2 h5{
  39.     margin: 1px;
  40.     background-color: #C2ECA7;
  41.     height: 24px;
  42.     }
  43.    
  44.     .style3{
  45.     width: 800px;
  46.     height: 100px;
  47.     margin: 0px auto;
  48.     margin-bottom:20px;
  49.     border:1px solid #BBE1F1;
  50.     background-color: #EEFAFF
  51.     }
  52.    
  53.     .style4{
  54.     width: 800px;
  55.     height: 100px;
  56.     margin: 0px auto;
  57.     margin-bottom:20px;
  58.     border:1px solid #CCEFF5;
  59.     background-color: #FAFCFD
  60.     }
  61.    
  62.     .style5{
  63.     width: 800px;
  64.     height: 100px;
  65.     margin: 0px auto;
  66.     margin-bottom:20px;
  67.     border:1px solid #FFCC00;
  68.     background-color: #FFFFF7
  69.     }
  70.    
  71.     .style6{
  72.     width: 800px;
  73.     height: 100px;
  74.     margin: 0px auto;
  75.     margin-bottom:20px;
  76.     border:1px solid #92B0DD;
  77.     background-color: #FFFFFf
  78.     }
  79.     .style6 h5{
  80.     margin: 1px;
  81.     background-color: #E2EAF8;
  82.     height: 24px;
  83.     }
  84.    
  85.     .style7{
  86.     width: 800px;
  87.     height: 100px;
  88.     margin: 0px auto;
  89.     margin-bottom:20px;
  90.     border:1px solid #A9C9E2;
  91.     background-color: #E8F5FE
  92.     }
  93.    
  94.     .style8{
  95.     width: 800px;
  96.     height: 100px;
  97.     margin: 0px auto;
  98.     margin-bottom:20px;
  99.     border:1px solid #E3E197;
  100.     background-color: #FFFFDD
  101.     }
  102.    
  103.     .style9{
  104.     width: 800px;
  105.     height: 100px;
  106.     margin: 0px auto;
  107.     margin-bottom:20px;
  108.     border:1px solid #ADCD3C;
  109.     background-color: #F2FDDB
  110.     }
  111.    
  112.     .style10{
  113.     width: 800px;
  114.     height: 100px;
  115.     margin: 0px auto;
  116.     margin-bottom:20px;
  117.     border:1px solid #F8B3D0;
  118.     background-color: #FFF5FA
  119.     }
  120.    
  121.     .style11{
  122.     width: 800px;
  123.     height: 100px;
  124.     margin: 0px auto;
  125.     margin-bottom:20px;
  126.     border:1px solid #D3D3D3;
  127.     background-color: #F7F7F7
  128.     }
  129.    
  130.     .style12{
  131.     width: 800px;
  132.     height: 100px;
  133.     margin: 0px auto;
  134.     margin-bottom:20px;
  135.     border:1px solid #BFD1EB;
  136.     background-color: #F3FAFF
  137.     }
  138.    
  139.     .style13{
  140.     width: 800px;
  141.     height: 100px;
  142.     margin: 0px auto;
  143.     margin-bottom:20px;
  144.     border:1px solid #FFDD99;
  145.     background-color: #FFF9ED
  146.     }   
  147.    
  148.     .style14{
  149.     width: 800px;
  150.     height: 100px;
  151.     margin: 0px auto;
  152.     margin-bottom:20px;
  153.     border:1px solid #CACAFF;
  154.     background-color: #F7F7FF
  155.     }   
  156.    
  157.     .style15{
  158.     width: 800px;
  159.     height: 100px;
  160.     margin: 0px auto;
  161.     margin-bottom:20px;
  162.     border:1px solid #A5B6C8;
  163.     background-color: #EEF3F7
  164.     }
  165.     .style16{
  166.     width: 800px;
  167.     height: 100px;
  168.     margin: 0px auto;
  169.     margin-bottom:20px;
  170.     border:1px solid #CEE3E9;
  171.     background-color: #F1F7F9
  172.     }
  173.    
  174.     .style17{
  175.     width: 800px;
  176.     height: 100px;
  177.     margin: 0px auto;
  178.     margin-bottom:20px;
  179.     border:1px solid #CAE3FF;
  180.     background-color: #F4F9FF
  181.     }
  182.    
  183.     .style18{
  184.     width: 800px;
  185.     height: 100px;
  186.     margin: 0px auto;
  187.     margin-bottom:20px;
  188.     border:1px solid #C9D9EE;
  189.     background-color: #ECF8FF
  190.     }
  191.    
  192.     .style19{
  193.     width: 800px;
  194.     height: 100px;
  195.     margin: 0px auto;
  196.     margin-bottom:20px;
  197.     border:1px solid #5C9CC0;
  198.     background-color: #F2FAFF
  199.     }
  200.    
  201.     h5{color:#CCCCCC;margin-left:680px}
  202.     a{color:#CCCCCC;text-decoration:none}
  203.     a:hover{color:#666666;text-decoration:underline}
  204. </style>
  205. <body>
  206. <div class="style1"><h5></h5></div>
  207. <div class="style2"><h5></h5></div>
  208. <div class="style6"><h5></h5></div>
  209. <div class="style3"></div>
  210. <div class="style4"></div>
  211. <div class="style5"></div>
  212. <div class="style7"></div>
  213. <div class="style8"></div>
  214. <div class="style9"></div>
  215. <div class="style10"></div>
  216. <div class="style11"></div>
  217. <div class="style12"></div>
  218. <div class="style13"></div>
  219. <div class="style14"></div>
  220. <div class="style15"></div>
  221. <div class="style16"></div>
  222. <div class="style17"></div>
  223. <div class="style18"></div>
  224. <div class="style19"></div>
  225. </body>
  226. </html>
 
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

rjzou2006

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值