CSS2

CSS2

<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				
			}
			.menu{
				list-style: none;
			}
			.menu li{
				overflow: hidden;
				background-color: rgba(51,51,51,1);
				width: 150px ;
				height: 40px;
				/*margin-top: 1px;*/
				border-bottom: 1px solid rgba(255,255,255,0.2);
			}
			a{
				color: #fff;
				display: inline-block;
				width: 100%;
				height: 100%;
				background-color: rgba(51,51,51,.5);
				text-decoration: none;
				text-align: center;
				line-height: 40px;
				font-family: "微软雅黑";
				font-size: 0.9em;
			}
			li:hover{
				background-color: rgba(51,51,51,.5);
				box-shadow: 0 0 10px rgba(0,0,0,0.5);
				
			}
			u1>li:first-child{
				border-radius:10px 10px 0 0;
				
			}
			u1>li:last-child{
				border-radius:0 0 10px 10px;
			}
		</style>