和風細雨
          

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

          




          
	
					
	
          
		
          
			無序列表的翻轉按鈕效果
		
          
		
          
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 和風細雨 閱讀(379) 評論(0)  編輯  收藏  所屬分類: CSS 
		
          
	
          
	
	





          
	    
    




          








          

				

          



    







          
        
	




主站蜘蛛池模板：
腾冲县|
老河口市|
日喀则市|
南充市|
缙云县|
大方县|
鞍山市|
通许县|
沙洋县|
安岳县|
丁青县|
安宁市|
衡东县|
文成县|
东港市|
瑞丽市|
双牌县|
敦化市|
长宁区|
府谷县|
云和县|
正宁县|
庐江县|
两当县|
邵武市|
天镇县|
嫩江县|
横峰县|
宜州市|
寻乌县|
陆良县|
稷山县|
高淳县|
凤山县|
皋兰县|
长宁县|
邵阳县|
德化县|
通河县|
印江|
平罗县|