国产网站在线,久久中文字幕一区二区,久久成人这里只有精品

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 藍山閱讀(252) 評論(0) 編輯收藏所屬分類: JavaScript

常用鏈接

留言簿

隨筆檔案(20)

文章分類(8)

文章檔案(9)

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: javascript倒計時腳本 jquery UI入門 20個“標準的”配色方案 [AjaxTab]10個應用 Javascript / Ajax 的標簽切換效果 51+最佳jQuery教程和示例 JQuery應用實例學習(強烈推薦)轉 JQuery中文使用手冊(附件包括所有)