方法一:用Jquery(需要先下载jquery-1.3.2.min.js,其它版本也可以哦)
用Jquery简单一些(一句话就OK,千万记住要引用Jquery哦,如果没有,去网上下一个,很方便的)
<html>
<title></title>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#ul1 li:last").css("border","none");
})
</script>
<style type="text/css">
ul,li{ margin:0; padding:0; list-style:none; }
#ul1{ width:200px;}
#ul1 li{ width:100%; height:24px; border-bottom:1px solid red;}
</style>
</head>
<body>
<ul id="ul1">
<li>菜单一</li>
<li>菜单二</li>
<li>菜单三</li>
</ul>
</body>
</html>
方法二:直接写JS脚本,代码稍微多一点点
<html>
<title></title>
<head>
<script type="text/javascript">
window.onload = function urlborder() {
var listr = document.getElementById("ul1").getElementsByTagName('li');
for (var i = 0; i < listr.length; i++) {
if (i == listr.length - 1) {
listr[i].style.borderWidth = "0";
}
}
}
</script>
<style type="text/css">
ul,li{ margin:0; padding:0; list-style:none; }
#ul1{ width:200px;}
#ul1 li{ width:100%; height:24px; border-bottom:1px solid red;}
</style>
</head>
<body>
<ul id="ul1">
<li>菜单一</li>
<li>菜单二</li>
<li>菜单三</li>
</ul>
</body>
</html>
不知道能否满足要求,还不行的话可以Hi我
温馨提示:内容为网友见解,仅供参考