[【姜】]

【CSS語法】 圖形按鈕設計

將文字超連結，設計成為圖形按鈕~

範例預覽： http://www.flycan.com/flycancss/BTN_design.htm

1. 樣式部份設定如下：

★:

<style type="text/css"> <!-- a:link, a:visited {　　　　　　　　　　　/*將超連結的一般狀態和瀏覽過的狀態設定為相同*/    display: block;　　　　　　　　　　　/*將超連結設定為區塊模式，就可以設定長度和寬度*/    height: 22px;　　　　　　　　　　　　/*設定區塊的高度*/    width: 155px;　　　　　　　　　　　　/*設定區塊的寬度*/    padding-top: 8px;　　　　　　　　　　/*設定文字在區塊中的上方間距*/    background-image: url(BT01.gif);　　/*設定區塊的背景圖*/    font-size: 12px;　　　　　　　　　　　/*設定文字大小*/    color: #000000;　　　　　　　　　　　/*設定文字顏色*/    float: left;　　　　　　　　　　　　　/*設定區塊靠左水平排列*/    text-decoration: none;　　　　　　　/*將超連結去底線*/ } a:hover {　　　　　　　　　　　　　　　　/*設定超連結被滑鼠移入時的狀態*/    display: block;　    height: 20px;　    width: 155px;　    padding-top: 10px;    background-image: url(BT02.gif);    font-size: 12px;    color: #FFFFFF;    float: left;　    text-decoration: none; } --> </style>

【姜】 在 2007-01-26 02:38 作了第 1 次修改

[【姜】]

[maimai]

CSS沒有辦法做出點下去後，一直為白色嗎？？

就是移過去那樣的效果，但是我也希望點下去後，看那網頁也是一樣是移果去那樣的效果！！

[【姜】]

[redmoon_j]

呵呵,不错,简单明了

我提供一个 菜单滑门技术，很简单

效果参看http://mdy.sjzztxx.cn/test/memu/

---

一天到晚想做梦的墨斗鱼