css中如何设置li边框

CSS
li {
border: 2px solid black;
} 

HTML
<ul>
<li class="menu-item">菜单项1</li>
<li class="menu-item">菜单项2</li>
<li>普通列表项</li>
</ul> 

CSS
.menu-item {
border: 2px solid black;
} 

CSS
li {
border: 2px dotted black; /*点线边框*/
border: 2px dashed black; /*虚线边框*/
border: 2px double black; /*双线边框*/
border: 2px groove black; /*3D凹线边框*/
border: 2px ridge black; /*3D凸线边框*/
} 

CSS
 li {
border-top: 2px solid black;
border-bottom: 1px dashed gray;
border-left: 3px dashed blue;
border-right: 3px dotted red;
 }