margin负值-水平列表消除边框

最新推荐文章于 2021-03-25 13:50:30 发布

cound123

最新推荐文章于 2021-03-25 13:50:30 发布

阅读量191

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/cound123/article/details/84515985

版权


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test</title>
<script src="jquery.js"></script>
<style>	
	body,ul,li{ padding:0; margin:0;}
	a,a:link,a:visited,a:hover,a:active{
		font: 12px/1.333 微软雅黑, tahoma, arial, 宋体, sans-serif;
		text-decoration:none;
		color:black;
	}
    ul,li{ list-style:none;}
    #test{
        overflow:hidden;
		margin:10px;
    }
    #test ul{
        margin-left:-1px;
        zoom:1;
    }
    #test ul li{
        float:left;
        padding:0px 8px;
		border-left:1px solid #aaa;
    }
</style>
</head>
<body>

	<div id="test">
        <ul>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </div>

</body>
</html>