和風(fēng)細(xì)雨
          

          世上本無(wú)難事，心以為難，斯乃真難。茍不存一難之見(jiàn)于心，則運(yùn)用之術(shù)自出。
          

          




          
	
					
	
          
		
          
			無(wú)序列表的翻轉(zhuǎn)按鈕效果
		
          
		
          
CSS代碼：
          


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

          
          /*無(wú)序鏈表的鏈接CSS設(shè)置開(kāi)始*/
          
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;
          
          }
          
          /*無(wú)序鏈表的鏈接CSS設(shè)置結(jié)束*/
          
li          {    
          
    padding-left          :10px;
          
          }
          

          
頁(yè)面代碼：
          

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

          
          <ul>    
          
          <li><a href='ShowPage?page=addTag'>添加類(lèi)別</a></li>
          
          <li><a href='ViewTag'>查看類(lèi)別</a></li>
          
          <li><a href='ShowPage?page=addAccount'>添加賬目</a></li>
          
          <li><a href='ViewAccount'>逐條查看賬目</a></li>
          
          <li><a href='ShowPage?page=summary'>統(tǒng)計(jì)</a></li>
          
          <li><a href='PeriodSummary?period=year'>每年統(tǒng)計(jì)</a></li>
          
          <li><a href='PeriodSummary?period=month'>每月統(tǒng)計(jì)</a></li>
          
          <li><a href='PeriodSummary?period=day'>每日統(tǒng)計(jì)</a></li>
          
          </ul>
          

           
          

          用出來(lái)效果還是挺好看的。
          

		
          
			posted on 2008-03-12 09:38 和風(fēng)細(xì)雨 閱讀(379) 評(píng)論(0)  編輯  收藏  所屬分類(lèi): CSS 
		
          
	
          
	
	





          
	    
    




          








          

				

          



    







          
        
	




主站蜘蛛池模板：
三亚市|
华亭县|
安乡县|
康马县|
凉山|
霍邱县|
石棉县|
大埔县|
体育|
西安市|
阆中市|
朝阳市|
内黄县|
依安县|
庆阳市|
郴州市|
东宁县|
盐边县|
铜鼓县|
桑日县|
梨树县|
明光市|
凤凰县|
巴彦县|
师宗县|
定州市|
延吉市|
南澳县|
邛崃市|
班戈县|
腾冲县|
冕宁县|
平凉市|
若尔盖县|
太白县|
长沙县|
福鼎市|
东丰县|
寻甸|
西昌市|
泗洪县|