6.1 Menu block​样式调整

作者：老葛，北京亚艾元软件有限责任公司，http://www.yaiyuan.com

现在，我们简单的调整一下左边区块的样式，向custom.css里面添加以下CSS代码：

#main #block-menu-block-1 h2{

    background: none repeat scroll 0 0 #E9E9E9;

    border-bottom: 1px solid #D5D5D5;

    border-top: 1px solid #F2F2F2;

    font-size: 100%;

    font-weight: bold;

    text-align: center;

}

#main #block-menu-block-1 ul li {

list-style-image: none;

    list-style-type: none;

}

 

#main #block-menu-block-1 ul li  a {

    color: #222222;

    text-decoration: none;

}

#main #block-menu-block-1 ul li  a.active {

    color: #0041A0;

}

调整后的效果：

 

不是很专业，但是比没有样式的时候，好了很多。