微点菜自定义CSS样式

一.选择微点菜，点击商家设置。

二.进入商家设置，拉倒页面底部。

三.底部可以看到自定义CSS框，这里是加入改变的代码的地方。

例：

头部“点菜“栏改变颜色代码：
.menu_topbar {
color: #fff;/*文字颜色*/
background-color: #c32d32;/*背景主色*/
background: -webkit-gradient(linear,left top,left bottom,from(#fe444a),to(#c32d32));
/*这里是注释：from(#fe444a),to(#c32d32)这两个是颜色代码，若要变成其他颜色将括号里面的颜色改变即可*/
border-bottom: 1px solid #700d00;
/*这里是注释：这是边框样式代码，包括颜色和边框大小*/
}

底部“点菜“按钮改变颜色代码：
.footermenu ul li a.active {
background:-webkit-gradient(linear,left top,left bottom,from(#fe444a),to(#c32d32));
/*这里是注释：from(#fe444a),to(#c32d32)这两个是颜色代码，若要变成其他颜色将括号里面的颜色你想要的即可*/
border: 1px solid rgba(148, 148, 148, 0.6);/*这里是注释：这是边框样式代码，包括颜色和边框大小*/
}

左侧背景色改变颜色代码：
”菜单“栏背景色
#navBar dl dt {
background-color: #A25252;/*将#A25252换成你想要的颜色即可*/
}

左侧整体背景色
#navBar {
background-color: #B4B4DB;/*将#B4B4DB 换成你想要的颜色即可*/
}