常用橘色如下：
1、橘色：#FFA500
2、橘红色：#FF4500
3、深橘色：#FF8C00
其他常用颜色
1、Black：#000000
2、LightYellow：#FFFFE0
3、Ivory：#FFFFF0
4、White：#FFFFFF
扩展资料
数值解释
颜色值“#FF0000”为红色，因为红色的值达到了最高值 FF（即十进制的255），其余两种颜色强度为0。在例如“#FFFF00”表示黄色，因为当红色和绿色都为最大值，且蓝色为0时，产生的就是黄色。
由于网页(WEB)是基于计算机浏览器开发的媒体，所以颜色以光学颜色RGB（红、绿、蓝）为主。网页颜色是以16进制代码表示，一般格式为#DEFABC （字母范围从A-F,数字从0-9 ）；
如黑色，在网页代码中便是：#000000(在css编写中可简写为#000)。当颜色代码为#AABB11时，可以简写为#AB1表示，如#135与#113355表示同样的颜色。
各浏览器兼容性css写法/* 针对Chrome谷歌浏览器内核支持的CSS样式 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
样式 /* 例如 .font1 {color:red} */
}
针对Firefox浏览器的内核CSS写法：
@-moz-document url-prefix(){
样式 /* 例如 .font1 {color:red} */
}
如果只让ie6看见用*html .head{color:#000}
如果只让ie7看见用*+html .head{color:#000}
如果只让ff看见用:root body .head{color:#000}
如果只让ff、IE8看见用html>/**/body .head{color:#000}
如果只是不让ie6看见用html>body .head{color:#000} 即对IE 6无效
如果只是不让ff、IE8看见用*body .head{color:#000}即对ff、IE8无效
针对具体属性
如果只让ie6看见用_
.head{_color:#000}
如果只让ie7看见用+与_结合的方法:
.head{+color:#f00!_color:#000}
IE8正式版hack
\9″ 例:”margin:0px auto\9”.这里的”\9″可以区别所有IE8和FireFox.
“*” IE6、IE7可以识别.IE8、FireFox不能.
“_” IE6可以识别”_”,IE7、IE8、FireFox不能.
如：
.a { color:#f00color:#f60\9 +color:#00FF00 _color:#0000FF}
从左到右分别对应 FireFoxsIE8 IE7 IE6
还有写css样式一定要记住顺序：
以下为引用的内容：
#1 { color: #333} /* Moz */
* html #1 { color: #666} /* IE6 */
*+html #1 { color: #999} /* IE7 */
首先，你这边的图标是用图片实现的话，那就必须更改图片，我写个例子：<ul>
<li class="ico1"></li>
<li class="ico2"></li>
<li class="ico3"></li>
<li class="ico4"></li>
</ul>
<style type="text/css">
.ico1{
background: url(huise-ico1)
}
.ico1:hover{
background: url(chengse-ico1)
}
</style>
这边我只写了一个。还有3个没写。你可以根据这个改上自己需要的。
PS：还有一种跟快捷的方法，如果你有兴趣的话，可以去搜索下iconfont。不懂可以再问我
