Question

淘宝导航条CSS代码怎么用

.skin-box-bd .menu-list{ background:none;}.all-cats{ background:none;max-width:auto;width:auto;_width:auto;}.skin-box-bd,.menu,.all-cats .link{background:none;border:none;}.skin-box-bd .menu-list .menu .title{color:#ab6842;cursor:pointer;font-weight:700;}.skin-box-bd .menu-list .menu{border:none;}.skin-box-bd .popup-content .cats-tree .fst-cat{ border:none; height:28px;}.all-cats .link{width:90px;padding:0 10px;background:none;border:none;color:#FFF;font-size:12px;font-weight:700;}.all-cats .link .title{margin-left:10px;color:#ab6842;font-weight:700;cursor:pointer}.all-cats .link .popup-icon{background:none;font-family:"宋体"; border:5px solid; border-color:#666 #FFF #FFF #FFF; margin-top:14px;font-size:0;width:0;height:0;}.menu-list{width:830px;}.menu-list .link{padding:0 15px;border:none;color:#FFF;font-size:12px; font-weight:normal;background:none;}.menu-list .link .popup-icon{background:none; display:block; float:right;font-family:"宋体"; border:4px solid; border-color:#666 #FFF #FFF #FFF; margin-top:14px;font-size:0;width:0;height:0;}.all-cats-hover .link,.menu-list .menu-hover .link{ }.all-cats-hover .link .title,.menu-list .menu-hover .link .title{color:#f60;}.menu-list .menu-selected .link{ background:none;}.menu-list .menu-selected .link .title{ background:none;color:#f60}.popup-content{ border:none; background:#f60;}.popup-content .cats-tree{margin:0;padding:0 0 10px 0; background:none;}.popup-content .cats-tree .has-children{ background:none;}.popup-content .cats-tree .fst-cat-hd{ height:28px; line-height:28px;border-bottom:none}.popup-content .cats-tree .fst-cat-icon{ display:none;}.popup-content .cats-tree .has-children .fst-cat-icon{background:none;font-family:"宋体"; border:3px solid; border-color:#f60 #f60 #f60 #FFF; margin:12px 12px 0 0;font-size:0;width:0;height:0; float:right; display:block}.skin-box-bd .popup-content .cats-tree .cat-hd-hover,.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-hd{ background:#ab6842; height:28px; line-height:28px}.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-icon{ border-color:#ab6842 #ab6842 #ab6842 #FFF; }.popup-content .cats-tree .fst-cat-name{ font-weight:normal; color:#FFF; text-indent:20px; padding:0; height:28px; line-height:28px; }.popup-content .cats-tree .snd-pop-inner{ background:#ab6842;}.popup-content .cats-tree .snd-cat-hd-hover{ background:none}.popup-content .cats-tree .snd-cat-hd a{ color:#FFF; font-weight:normal; font-size:12px;}.popup-content .cats-tree .snd-cat-hd a:hover{ text-decoration:underline}.menu-popup-cats{ padding:8px 0}.menu-popup-cats .sub-cat a{color:#FFF; font-weight:normal; font-size:12px; text-indent:15px;}.menu-popup-cats .sub-cat-hover{ color:#FFF; background:#ab6842}.skin-box-bd{ border-bottom:1px dashed #edb25f;}

Answer 1

新建一个css文件例：main.css，把代码复制进这个css文件里面，保存文件，然后在你要用到这个样式的文件中引入这个文件，引入语句：<link href="main.css" rel="stylesheet" type="text/css" /> 东莞汇鑫

追问

什么意思，教我怎么做，在详细点

追答

这个已经很详细了，你要这个代码做什么呢？学习？这个就是css样式，你有html文件吗？在html文件中引入这个css， 东莞汇鑫

Answer 2

去掉全部边框:
.all-cats .link{border:0px;}
.menu-list .menu{border:0px}

去掉箭头:
.all-cats .link .popup-icon{display:none;}
箭头是个图标不是颜色，

你可以用以下代码更改:
all-cats .link .popup-icon{background:url(图片连接);}

Answer 3

.skin-box-bd .menu-list{ background:none;}.all-cats{ background:none;max-width:auto;width:auto;_width:auto;}.skin-box-bd,.menu,.all-cats .link{background:none;border:none;}.skin-box-bd .menu-list .menu .title{color:#ab6842;cursor:pointer;font-weight:700;}.skin-box-bd .menu-list .menu{border:none;}.skin-box-bd .popup-content .cats-tree .fst-cat{ border:none; height:28px;}.all-cats .link{width:90px;padding:0 10px;background:none;border:none;color:#FFF;font-size:12px;font-weight:700;}.all-cats .link .title{margin-left:10px;color:#ab6842;font-weight:700;cursor:pointer}.all-cats .link .popup-icon{background:none;font-family:"宋体"; border:5px solid; border-color:#666 #FFF #FFF #FFF; margin-top:14px;font-size:0;width:0;height:0;}.menu-list{width:830px;}.menu-list .link{padding:0 15px;border:none;color:#FFF;font-size:12px; font-weight:normal;background:none;}.menu-list .link .popup-icon{background:none; display:block; float:right;font-family:"宋体"; border:4px solid; border-color:#666 #FFF #FFF #FFF; margin-top:14px;font-size:0;width:0;height:0;}.all-cats-hover .link,.menu-list .menu-hover .link{ }.all-cats-hover .link .title,.menu-list .menu-hover .link .title{color:#f60;}.menu-list .menu-selected .link{ background:none;}.menu-list .menu-selected .link .title{ background:none;color:#f60}.popup-content{ border:none; background:#f60;}.popup-content .cats-tree{margin:0;padding:0 0 10px 0; background:none;}.popup-content .cats-tree .has-children{ background:none;}.popup-content .cats-tree .fst-cat-hd{ height:28px; line-height:28px;border-bottom:none}.popup-content .cats-tree .fst-cat-icon{ display:none;}.popup-content .cats-tree .has-children .fst-cat-icon{background:none;font-family:"宋体"; border:3px solid; border-color:#f60 #f60 #f60 #FFF; margin:12px 12px 0 0;font-size:0;width:0;height:0; float:right; display:block}.skin-box-bd .popup-content .cats-tree .cat-hd-hover,.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-hd{ background:#ab6842; height:28px; line-height:28px}.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-icon{ border-color:#ab6842 #ab6842 #ab6842 #FFF; }.popup-content .cats-tree .fst-cat-name{ font-weight:normal; color:#FFF; text-indent:20px; padding:0; height:28px; line-height:28px; }.popup-content .cats-tree .snd-pop-inner{ background:#ab6842;}.popup-content .cats-tree .snd-cat-hd-hover{ background:none}.popup-content .cats-tree .snd-cat-hd a{ color:#FFF; font-weight:normal; font-size:12px;}.popup-content .cats-tree .snd-cat-hd a:hover{ text-decoration:underline}.menu-popup-cats{ padding:8px 0}.menu-popup-cats .sub-cat a{color:#FFF; font-weight:normal; font-size:12px; text-indent:15px;}.menu-popup-cats .sub-cat-hover{ color:#FFF; background:#ab6842}.skin-box-bd{ border-bottom:1px dashed #edb25f;}

Answer 4

复制到源代码编辑模式中

Answer 5

如果有空5到河塘月色4逛一逛学一学