close
一般連結:
<a href="#">文字連結 </a>
文字滑過效果:
body a { text-decoration:none; cursor:pointer; color:#000; }
body a:hover { text-decoration:none; cursor:pointer; color:#666; }
text-decoration:none; 連結底線:無
cursor:pointer; 游標顯示:手指
color:#666; 文字顏色:色碼
-------------------------------------------------------------------------------------------------------------
連結視窗顯示方式:
<a href="#" title="連結文字敘述" target="_blank">文字連結 </a>
target:
_self → 在本業切換(預設)
_blank → 開啟一個新視窗,後續開啟的新視窗都會另開,不會覆蓋。
_new → 開啟一個新視窗,後續開的新視窗會覆蓋掉之前已經開啟的視窗。
_top → 將網頁本身框架限制關閉,並且在原處開啟一個單頁的網頁。
_parent → 與 _top 相近,父子視窗。
_name → 將欲開啟的視窗位置,指定在被命名為"name"的分割視窗內。
-------------------------------------------------------------------------------------------------------------
信箱連結:(自動開啟outlook)
<a href="mailto:123456789@yahoo.com.tw">
※信箱自行修改輸入
-------------------------------------------------------------------------------------------------------------
圖片上設連結:
<img src="#" width="100" height="100" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="x,y,x,y" href="#" />
<area shape="circle" coords="x,y,r" href="#" />
<area shape="poly" coords="x,y,x,y,x,y" href="#" />
</map>
連結形狀:
rect 方形 x,y,x,y (左上點座標XY,右下點座標XY)
circle 圓形 x,y,r (圓心點座標XY,半徑R)
poly 多邊形 x,y,x,y,x,y (任意點座標,任意點座標,任意點座標,(可設定多點))
※使用前需將<>換半形。
<a href="#">文字連結 </a>
文字滑過效果:
body a { text-decoration:none; cursor:pointer; color:#000; }
body a:hover { text-decoration:none; cursor:pointer; color:#666; }
text-decoration:none; 連結底線:無
cursor:pointer; 游標顯示:手指
color:#666; 文字顏色:色碼
-------------------------------------------------------------------------------------------------------------
連結視窗顯示方式:
<a href="#" title="連結文字敘述" target="_blank">文字連結 </a>
target:
_self → 在本業切換(預設)
_blank → 開啟一個新視窗,後續開啟的新視窗都會另開,不會覆蓋。
_new → 開啟一個新視窗,後續開的新視窗會覆蓋掉之前已經開啟的視窗。
_top → 將網頁本身框架限制關閉,並且在原處開啟一個單頁的網頁。
_parent → 與 _top 相近,父子視窗。
_name → 將欲開啟的視窗位置,指定在被命名為"name"的分割視窗內。
-------------------------------------------------------------------------------------------------------------
信箱連結:(自動開啟outlook)
<a href="mailto:123456789@yahoo.com.tw">
※信箱自行修改輸入
-------------------------------------------------------------------------------------------------------------
圖片上設連結:
<img src="#" width="100" height="100" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="x,y,x,y" href="#" />
<area shape="circle" coords="x,y,r" href="#" />
<area shape="poly" coords="x,y,x,y,x,y" href="#" />
</map>
連結形狀:
rect 方形 x,y,x,y (左上點座標XY,右下點座標XY)
circle 圓形 x,y,r (圓心點座標XY,半徑R)
poly 多邊形 x,y,x,y,x,y (任意點座標,任意點座標,任意點座標,(可設定多點))
※使用前需將<>換半形。
全站熱搜
留言列表