藍山
JAVA專題
BlogJava
首頁
新隨筆
聯系
管理
隨筆-20 評論-3 文章-9 trackbacks-0
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{
? ? width: 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{
? ? width: 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{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #BBE1F1;
? ? background-color: #EEFAFF
? ? }
? ?
? ? .style4{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #CCEFF5;
? ? background-color: #FAFCFD
? ? }
? ?
? ? .style5{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #FFCC00;
? ? background-color: #FFFFF7
? ? }
? ?
? ? .style6{
? ? width: 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{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #A9C9E2;
? ? background-color: #E8F5FE
? ? }
? ?
? ? .style8{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #E3E197;
? ? background-color: #FFFFDD
? ? }
? ?
? ? .style9{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #ADCD3C;
? ? background-color: #F2FDDB
? ? }
? ?
? ? .style10{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #F8B3D0;
? ? background-color: #FFF5FA
? ? }
? ?
? ? .style11{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #D3D3D3;
? ? background-color: #F7F7F7
? ? }
? ?
? ? .style12{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #BFD1EB;
? ? background-color: #F3FAFF
? ? }
? ?
? ? .style13{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #FFDD99;
? ? background-color: #FFF9ED
? ? }? ?
? ?
? ? .style14{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #CACAFF;
? ? background-color: #F7F7FF
? ? }? ?
? ?
? ? .style15{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #A5B6C8;
? ? background-color: #EEF3F7
? ? }
? ? .style16{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #CEE3E9;
? ? background-color: #F1F7F9
? ? }
? ?
? ? .style17{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #CAE3FF;
? ? background-color: #F4F9FF
? ? }
? ?
? ? .style18{
? ? width: 800px;
? ? height: 100px;
? ? margin: 0px auto;
? ? margin-bottom:20px;
? ? border:1px solid #C9D9EE;
? ? background-color: #ECF8FF
? ? }
? ?
? ? .style19{
? ? width: 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
>
posted on 2008-06-12 17:08
藍山
閱讀(245)
評論(0)
編輯
收藏
所屬分類:
JavaScript
新用戶注冊
刷新評論列表
只有注冊用戶
登錄
后才能發表評論。
網站導航:
博客園
IT新聞
Chat2DB
C++博客
博問
管理
相關文章:
javascript倒計時腳本
jquery UI入門
20個“標準的”配色方案
[AjaxTab]10個應用 Javascript / Ajax 的標簽切換效果
51+最佳jQuery教程和示例
JQuery應用實例學習(強烈推薦)轉
JQuery中文使用手冊(附件包括所有)
窩窩影視
:
www.wowoys.com
是一個程序員開的電影網站!
常用鏈接
我的隨筆
我的文章
我的評論
我的參與
最新評論
留言簿
給我留言
查看公開留言
查看私人留言
隨筆檔案
(20)
2009年3月 (2)
2008年7月 (2)
2008年6月 (15)
2008年5月 (1)
文章分類
(8)
hibernate
JavaScript(7)
Lucene
spring
SSH整合所要注意的問題
struts(1)
數據庫
文章檔案
(9)
2010年10月 (1)
2009年3月 (2)
2008年6月 (6)
搜索
積分與排名
積分 - 20198
排名 - 1719
最新評論
1.?re: Tomcat熱部署
26262
--++2
2.?re: Tomcat熱部署
為什么一個人一個說法
--侯金鑫
3.?re: 配置tomcat,apache虛擬目錄和虛擬主機
訂單
--謝謝
閱讀排行榜
1.?Tomcat熱部署(7806)
2.?SQL(MySQL&Oracle&SQLServer&DB2&PostgreSQL等)對比學習(1301)
3.?List要怎么排序(939)
4.?配置tomcat,apache虛擬目錄和虛擬主機(738)
5.?Tomcat 與APACHE集群(635)
評論排行榜
1.?Tomcat熱部署(2)
2.?配置tomcat,apache虛擬目錄和虛擬主機(1)
3.?開啟TOMCAT6.0目錄瀏覽功能(0)
4.?Tomcat 與APACHE集群(0)
5.?List要怎么排序(0)
Powered by:
博客園
模板提供:
滬江博客
Copyright ©2025 藍山
主站蜘蛛池模板:
久久精品亚洲男人的天堂
|
国产精品无码免费视频二三区
|
成全高清在线观看免费
|
亚洲av成人一区二区三区在线观看
|
国产精品免费网站
|
亚洲黄色在线观看视频
|
亚洲免费黄色网址
|
亚洲免费电影网站
|
成年女人午夜毛片免费看
|
亚洲永久网址在线观看
|
成人免费视频国产
|
边摸边吃奶边做爽免费视频网站
|
欧洲美熟女乱又伦免费视频
|
亚洲AV无码乱码在线观看代蜜桃
|
99精品国产免费久久久久久下载
|
日本一区免费电影
|
九九久久国产精品免费热6
|
亚洲精品无码激情AV
|
两个人看的www高清免费观看
|
亚洲高清在线观看
|
成人AV免费网址在线观看
|
亚洲成在人线aⅴ免费毛片
|
亚洲欧洲日本在线
|
久久99国产综合精品免费
|
亚洲中文字幕无码av永久
|
免费在线观看的黄色网址
|
中文精品人人永久免费
|
亚洲美女视频一区
|
国产免费观看黄AV片
|
97超高清在线观看免费视频
|
亚洲欧洲日产专区
|
免费一级做a爰片久久毛片潮喷
|
久久国产一片免费观看
|
亚洲国产夜色在线观看
|
mm1313亚洲精品国产
|
一级毛片免费观看不卡视频
|
亚洲熟妇丰满xxxxx
|
亚洲尤码不卡AV麻豆
|
无码人妻一区二区三区免费手机
|
日韩免费在线中文字幕
|
亚洲美女免费视频
|