連結篇 

1.連結時有背景/修改背景顏色
2.放大連結
3.加外框,改顏色
4.圖片連結
5.陰影連結
6.漸變連結
7.模糊連結

1. 連結時有背景/修改背景顏色


  

    Code
    

  

    
    Header
    

  

    <!--- [Start] code provided by kkx3.com --->
<style type="text/css">
a:hover{background-color: #CCCCCC;
background:url(http://kkx3.net/kkx3logo.gif);}
</style>
<!--- [End] code provided by kkx3.com --->		
    

  

    Ads
    


　
    

    
    Remarks
    

  

    如不想修改背景圖片,括號內留空便可。

回到最上

2. 放大連結


  

    Code
    

  

    
    Header
    

  

    <!--- [Start] code provided by kkx3.com --->
<style>a:hover{font size: 10pt;}</style>
<!--- [End] code provided by kkx3.com --->		
    

  

    Ads
    
　
    

    
    Remarks
    

  

    自行修改數值,數值為文字大少。

回到最上

3. 加外框,改顏色


  
  

    Code
    

  

    
    Header
    

  

    <!--- [Start] code provided by kkx3.com --->
<style>a:hover{border: 3px dotted #999999; font size: 12pt;}</style>
<!--- [End] code provided by kkx3.com --->		
    

  

    Ads
    

  

    　
    

  

    Remarks
    

  

    dotted 可改為 double(雙線)、solid(單線)。

回到最上

4. 圖片連結


  
  

    Code
    

  

    
    Header
    

  

    <!--- [Start] code provided by kkx3.com --->
<a href="http://kkx3.com">
<img border="0" src="http://kkx3.net/kkx3logo.gif" width="200" height="60">
</a>
<!--- [End] code provided by kkx3.com --->		
    

  

    Ads
    

  

    　
    

  

    Remarks
    

  

    ---

回到最上

5. 陰影連結


  
  

    Code
    

  

    
    Header
    

  

    <!--- [Start] code provided by kkx3.com --->
<!--A:hover{color:#999999; filter:dropshadow(color=#000000,offx=2,offy=2,positive=true);
height:16pt;text-decoration:none;}A{text-decoration:none;}-->
<!--- [End] code provided by kkx3.com --->		
    

  

    Ads
    

  

    　
    

  

    Remarks
    

  

    offx 係反射果度向橫o既大細
offy 係反射向下o既大細
height 係字o既高

回到最上

6. 漸變連結


  
  

    Code
    

  

    
    Header
    

  

    <!--- [Start] code provided by kkx3.com --->
<style>
a:hover, a:link, a:visited
{filter:blur; .alpha
{width: inherit; height: 1;
filter: alpha
(Opacity=50, FinishOpacity=10, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);}
</style>
<!--- [End] code provided by kkx3.com --->		
    

  

    Ads
    

  

    　
    

  

    Remarks
    

  

    ---

回到最上

7. 模糊連結


  
  

    Code
    

  

    
    Header
    

  

    <!--- [Start] code provided by kkx3.com --->
<style type="text/css">
a:hover {filter:blur(add="10",direction="10",strength="10"); height:0;};
</style>
<!--- [End] code provided by kkx3.com --->		
    

  

    Ads
    

  

    　
    

  

    Remarks
    

  

    strength 模糊強度
direction 方向

回到最上

聯絡我們
如有錯漏,歡迎來信賜教

E-mail : kkx3@kkx3.com 標題請註明 Xanga教室