#dhl .dhl-nr ul li a{ text-decoration: none; color: white; } #dhl .dhl-nr ul li:hover{ background-color: black; } #dhl .dhl-nr ul li{ width:120px; /* height: 300px; */ text-align: center; line-height: 70px; float: left; position: relative; right: -423px; }
时间: 2024-03-26 16:36:39 浏览: 116
Leetcode-Java-And-Kotlin解决方案:LeetCode系列题解,在线阅读https:offer.hi-dhl.com
这段CSS代码对ID为"dhl"下的类名为"dhl-nr"的元素下的ul列表进行样式设置。具体来说,它将该列表下的所有锚点元素(a)的文本装饰(text-decoration)设置为无,颜色(color)设置为白色。当鼠标悬停在该列表下的li元素上时,该元素的背景颜色(background-color)将被设置为黑色。该列表下的li元素具有一定的复杂性,它的宽度设置为120px,文本水平居中(text-align: center),并且其高度(height)没有被设置(被注释掉了)。该元素设置了浮动(float: left),并且通过设置位置(position: relative)和right属性,将其向左移动了423px,从而实现了导航栏的布局效果。该元素的行高(line-height)设置为70px,与父元素高度一致,使得导航栏中的文本与背景居中对齐。
阅读全文