和風細雨
          

          世上本無難事，心以為難，斯乃真難。茍不存一難之見于心，則運用之術自出。
          

          




          
	
					
	
          
		
          
			無序列表的翻轉按鈕效果
		
          
		
          
CSS代碼：
          


          
ul          {
          
    margin          :0;
          
    padding          :0;
          
    list-style-type          :none;
          
          }
          

          
          /*無序鏈表的鏈接CSS設置開始*/
          
ul a          {
          
    display          :block;
          
    padding          :2px;
          
    text-align          :center;
          
    text-decoration          :none;
          
    width          :130px;
          
    margin          :2px;
          
    color          :#8d4f10;
          
          }
          

          
ul a:link          {
          
    background          :#efb57c;
          
    border          :2px outset #efb57c;
          
          }
          

          
ul a:visited          {
          
    background          :#efb57c;
          
    border          :2px outset #efb57c;
          
          }
          

          
ul a:focus          {
          
    background          :#daa670;
          
    border          :2px outset #daa670;
          
    color          :black;
          
          }
          

          
ul a:hover          {
          
    background          :#daa670;
          
    border          :2px outset #daa670;
          
    color          :black;
          
          }
          

          
ul a:active          {
          
    background          :#bb8e60;
          
    border          :2px outset #bb8e60;
          
          }
          
          /*無序鏈表的鏈接CSS設置結束*/
          
li          {    
          
    padding-left          :10px;
          
          }
          

          
頁面代碼：
          

          <%@ page contentType="text/html; charset=UTF-8" %>
          

          
          <ul>    
          
          <li><a href='ShowPage?page=addTag'>添加類別</a></li>
          
          <li><a href='ViewTag'>查看類別</a></li>
          
          <li><a href='ShowPage?page=addAccount'>添加賬目</a></li>
          
          <li><a href='ViewAccount'>逐條查看賬目</a></li>
          
          <li><a href='ShowPage?page=summary'>統計</a></li>
          
          <li><a href='PeriodSummary?period=year'>每年統計</a></li>
          
          <li><a href='PeriodSummary?period=month'>每月統計</a></li>
          
          <li><a href='PeriodSummary?period=day'>每日統計</a></li>
          
          </ul>
          

           
          

          用出來效果還是挺好看的。
          

		
          
			posted on 2008-03-12 09:38 和風細雨 閱讀(388) 評論(0)  編輯  收藏  所屬分類: CSS 
		
          
	
          
	
	





          
	    
    




          








          

				

          



    







          
        
	




主站蜘蛛池模板：
正宁县|
榕江县|
越西县|
桐城市|
安义县|
郓城县|
改则县|
海宁市|
大兴区|
武陟县|
蒙山县|
宝鸡市|
策勒县|
金川县|
南投市|
吉林省|
林口县|
当阳市|
任丘市|
成安县|
凤庆县|
攀枝花市|
岑巩县|
宜黄县|
斗六市|
涟源市|
深州市|
广水市|
阿合奇县|
绵阳市|
富阳市|
庆城县|
濮阳县|
贡嘎县|
博客|
开封市|
济阳县|
黔江区|
体育|
利辛县|
长汀县|