DIV+CSS中去掉最后一个li的下边框

DIV+CSS中这样去掉最后一个li的下边框

方法一:用Jquery(需要先下载jquery-1.3.2.min.js,其它版本也可以哦)

<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>

,答:他是憋死的,因为沙漠里没有电线杆撒尿。问:

DIV+CSS中去掉最后一个li的下边框

相关文章:

你感兴趣的文章:

标签云: