返回

ul>li*3>a与li>a*3

html代码如下：
    		ul
		  li a href="#" class=current blog a li
		  li a href="#" work a li
		  li a href="#" About a li
		ul
    			
css代码如下：
.container{
           margin:20px 0px 2px 10px;
		   width: 960px;
		   height: 60px;}
li a{
     float: left;
     color:#fff;
     margin-right: 5px;
     padding:8px 5px;}
.current{
         border-radius: 7px;
         background-color: rgba(255,255,255,.2);}
.container_left{
                float: left;
                margin-right: 150px;}
pre{
    color: #fff;}
.container_right{
                 float: left;}
  • Blog Work About 
    • html代码如下：
    		li
    		a href="#" class="current" Blog a
    		a href="#" Work a
    		a href="#" About a
    		li
    			
    css代码如下：
.container{
           margin:20px 0px 2px 10px;
		   width: 960px;
		   height: 60px;}
li a{
     float: left;
     color:#fff;
     margin-right: 5px;
     padding:8px 5px;}
.current{
         border-radius: 7px;
         background-color: rgba(255,255,255,.2);}
.container_left{
                float: left;
                margin-right: 150px;}
pre{
    color: #fff;}
.container_right{
                 float: left;}