html+css取消下划线

<div id="top">
            <div id="topNav">
                <div id="navLeft" class="nav">
                    <ul>
                        <li><a href="">品优购欢迎您！</a></li>
                        <li><a href="">请登录</a></li>
                        <li><a href="" style="color: red;">免费注册</a></li>
                    </ul>
                </div>
                <div id="navRight" class="nav">
                    <ul>
                        <li><a href="">我的订单</a></li>
                        <li><a href="">我的品优购</a><img class="liImg" src="img/23.jpg"/></li>
                        <li><a href="">品优购会员</a></li>
                        <li><a href="">企业采购</a></li>
                        <li><a href="">关注品优购</a><img class="liImg" src="img/23.jpg"/></li>
                        <li><a href="">客户服务</a><img class="liImg" src="img/23.jpg"/></li>
                        <li><a href="">网站导航</a><img class="liImg" src="img/23.jpg"/></li>
                    </ul>
                </div>
            </div>

 效果图

a{
    text-decoration: none;/*取消下划线*/
}

设置样式后的效果图