i标签是定义在浏览器中显示略大的斜体,像下图这种字体,是html标签,不属于css
若果要去掉斜体。可以在css中单独定义
i{font-style:normal}
方法一:用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:0padding:0list-style:none}
#ul1{ width:200px}
#ul1 li{ width:100%height:24pxborder-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 = 0i <listr.lengthi++) {
if (i == listr.length - 1) {
listr[i].style.borderWidth = "0"
}
}
}
</script>
<style type="text/css">
ul,li{ margin:0padding:0list-style:none}
#ul1{ width:200px}
#ul1 li{ width:100%height:24pxborder-bottom:1px solid red}
</style>
</head>
<body>
<ul id="ul1">
<li>菜单一</li>
<li>菜单二</li>
<li>菜单三</li>
</ul>
</body>
</html>
不知道能否满足要求,还不行的话可以Hi我