您好,欢迎访问动点·博士网店装修网站!
关于我们 | 联系我们
服务热线0769-22889555
淘宝装修:巧用CSS代码让导航菜单更具吸引力
时间:2014年05月27日 信息来源:本站原创 点击:

    巧用CSS代码让导航菜单更具吸引力

淘宝装修:巧用CSS代码让导航菜单更具吸引力

    导航菜单的设计可以通过CSS代码进行美化,在这小编就分享几条简单而实用的CSS代码,希望帮到大家。

    我们进入到店铺的装修页面,将鼠标放在导航上面会出现“编辑”字样,单击即可进入以下页面:

淘宝装修:巧用CSS代码让导航菜单更具吸引力

    再在上面添加以下代码,即可看到一个纯色块的导航,#000000为黑色,如果想要其他颜色,改动#000000即可。

    1.导航背景色代码

    .skin-box-bd .link{background:#000000;}

    2. 修改整个导航的背景色

    .skin-box-bd .menu-list{background:#000000;}

    3. “所有分类”的背景色代码

    .all-cats .link{border-color:#000000;}

    4.设置字外颜色:

    .skin-box-bd .menu-list .menu-selected .link{background:#000000;}

    5.设置字里颜色:

    .skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}

淘宝装修:巧用CSS代码让导航菜单更具吸引力

淘宝装修:巧用CSS代码让导航菜单更具吸引力

 

    如果你想要把导航做得更个性化一点,只需要把你做好的背景图片上传到空间,用以下代码调用即可。

    .skin-box-bd .link{background:url(图片链接);}

淘宝装修:巧用CSS代码让导航菜单更具吸引力
淘宝装修:巧用CSS代码让导航菜单更具吸引力

(作者:佚名 编辑:admin)
0
热门新闻: