css 中i 标签 是怎么定义的

html-css014

css 中i 标签 是怎么定义的,第1张

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我