和風細雨
          

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

          




          
	
					
	
          
		
          
			無序列表的翻轉按鈕效果
		
          
		
          
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 
		
          
	
          
	
	





          
	    
    




          








          

				

          



    







          
        
	




主站蜘蛛池模板：
义乌市|
佛坪县|
老河口市|
黄大仙区|
波密县|
榆林市|
富阳市|
儋州市|
磐安县|
应城市|
岚皋县|
墨竹工卡县|
昌图县|
平湖市|
大洼县|
栾城县|
同仁县|
大渡口区|
自治县|
南靖县|
景宁|
应城市|
达拉特旗|
体育|
荆门市|
隆尧县|
舞阳县|
乐东|
泗洪县|
大新县|
五台县|
高青县|
巴青县|
棋牌|
霍林郭勒市|
孙吴县|
宁津县|
仲巴县|
谢通门县|
竹北市|
教育|