灰色系
常用灰色
#3f3f3f | |
#aaa | |
#666666 |
#FBFBFB |
#F8F8F8 |
#F4F4F4 |
#EEEEEE |
#E5E5E5 |
#DDDDDD |
#D0D0D0 |
#C0C0C0 |
#ADADAD |
#989898 |
#808080 |
#666666 |
#4B4B4B |
彩色系
常用主題
#ffffcc | |
#ccffff | |
#ffcccc | |
---- | |
#99cccc | |
#ffcc99 | |
#ffcccc | |
--- | |
#ffff99 | |
#ccccff | |
#ffcccc | |
#ffffcc | |
##C4DAFF | |
#85B3FF | |
#93BABD | |
#ff6666 | |
#ffff66 | |
#99cc66 | |
#E8E8FF | |
#E8FFE8 | |
#F1FAFA | |
#8080C0 | |
#EFEFDA | |
#DDF3FF | |
#336699 | |
#6699CC | |
#F0DAD2 |
設置漸變背景
.gradient
background -moz-linear-gradient(top, #ccccff 0%, #C4DAFF 100%)
background -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccccff), color-stop(100%,#C4DAFF))
background -webkit-linear-gradient(top, #ccccff 0%,#C4DAFF 100%)
background -o-linear-gradient(top, #ccccff 0%,#C4DAFF 100%)
background -ms-linear-gradient(top, #ccccff 0%,#C4DAFF 100%)
background linear-gradient(to bottom, #ccccff 0%,#C4DAFF 100%)
效果