.col_330 ul li { margin-right: 5px; float: left; width: 10px; height: 10px; background-color: #3e3e3e; border-radius: 5px; } .col_330 ul li:hover { background-color: #fff; }
时间: 2024-04-10 17:32:00 浏览: 57
li:hover的解决方案
这是一段CSS代码,它定义了一个类名为"col_330"的元素下的ul列表中的li元素的样式。
在这段代码中,每个li元素具有以下样式:
- margin-right: 5px;:设置右边距为5像素。
- float: left;:将li元素左浮动,使它们水平排列。
- width: 10px;:设置li元素的宽度为10像素。
- height: 10px;:设置li元素的高度为10像素。
- background-color: #3e3e3e;:设置li元素的背景颜色为#3e3e3e(深灰色)。
- border-radius: 5px;:设置li元素的边框圆角半径为5像素。
此外,还定义了一个:hover伪类样式,当鼠标悬停在li元素上时,它们的背景颜色将变为#fff(白色)。
阅读全文