Html 为li添加边框时，会出现错误

var ul=document.getElementsByTagName（'ul'）[0]；
ul.addEventListener（'mouseover'，函数（e）{
如果（e.target.tagName.toUpperCase（）=“LI”）{
e、 target.style.border='1px纯红'；
}
})

ul，li{
边际：0px；
填充：0px；
}
保险商实验室{
利润率：200px；
宽度：560px；
高度：500px；
边框：1px纯红；
}
李{
宽度：100px；
高度：100px；
背景：绿色；
浮动：左；
列表样式：无；
保证金：0px 10px 10px 0px；
}

一,
二,
三,
四,
五,
六,
七,
八,
九,
十,

var ul=document.getElementsByTagName（'ul'）[0]；
ul.addEventListener（'mouseover'，函数（e）{
如果（e.target.tagName.toUpperCase（）==“LI”）{
e、 target.style.border='1px纯红'；
}
})

ul，li{
边际：0px；
填充：0px；
}
保险商实验室{
利润率：200px；
宽度：560px；
高度：500px；
边框：1px纯红；
}
李{
宽度：100px；
高度：100px；
背景：绿色；
浮动：左；
列表样式：无；
保证金：0px 10px 10px 0px；
边框：1px纯绿色；
}

一,
二,
三,
四,
五,
六,
七,
八,
九,
十,

我假设，通过“错误出现”您的意思是说布局发生了变化？您可以使用css上的CSS3框大小属性-

框大小：边框框

。或者将初始边框添加到

li

。您可以完全删除

javascript

，然后使用

li:hover{border:1px solid red}

——除非您需要保留新的边框颜色。感谢您的反馈，当我添加“框大小：border box”时，效果很好，我将研究css属性，再次感谢