藍山
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无码乱码国产麻豆
|
亚洲精品福利视频
|
亚洲精品国产手机
|
亚洲成a∨人片在无码2023
|
一级毛片无遮挡免费全部
|
午夜不卡久久精品无码免费
|
中文字幕免费视频一
|
国产jizzjizz视频免费看
|
丝袜熟女国偷自产中文字幕亚洲
|
亚洲av片劲爆在线观看
|
午夜亚洲国产精品福利
|
成人性做爰aaa片免费看
|
50岁老女人的毛片免费观看
|
亚洲va中文字幕无码久久
|
一个人免费观看视频www
|
亚洲国产成人精品无码区在线网站
|
激情亚洲一区国产精品
|
一区二区在线免费视频
|
国产亚洲精品影视在线产品
|
99久久婷婷国产综合亚洲
|
99在线热播精品免费99热
|
免费羞羞视频网站
|
亚洲三级电影网站
|
aⅴ免费在线观看
|
亚洲国产精品无码久久久蜜芽
|
无人视频在线观看免费播放影院
|
伊在人亚洲香蕉精品区麻豆
|
亚洲国产精品久久久久秋霞影院
|
yy一级毛片免费视频
|
亚洲AV无码码潮喷在线观看
|
国产1000部成人免费视频
|
亚洲人成电影在线天堂
|
免费无遮挡无码视频网站
|
久久国产福利免费
|
亚洲免费日韩无码系列
|
男女猛烈xx00免费视频试看
|
国产成人精品日本亚洲网站
|
九九精品免费视频
|
亚洲日本人成中文字幕
|