html css ul 美化
ul和其他html标签类似,也是可以通过css设置样式的,包括很多属性,比如:margin,padding,width,height,line-height等,并且可以设置hover效果,具体代码如下:
ul {
padding: 10px;
width: 100px;
height: 150px;
line-height: 20px;
color: #fff;
font-size: 12px;
font-weight: bold;
background-color: #79b7ff;
border: 1px solid #999;
list-style: none;
}
ul :hover {
cursor: pointer;
background-color: #4c9fff;
}
ul里的内容:
li......li......li......li......li......li......效果如下: