當前位置:才華齋>設計>網頁設計>

Dreamweaver怎麼自己製作圖形按鈕

網頁設計 閱讀(2.45W)

Dreamweaver怎麼自己製作圖形按鈕?Dreamweaver中的按鈕樣式不好看,想要自己製作一個圖形按鈕,該怎麼製作呢?下面我們就來看看詳細的教程,需要的`朋友可以參考下!

Dreamweaver怎麼自己製作圖形按鈕

  方法一:

1、在新建文件裡插入一個影象域(插入-表單-影象域),在彈出框裡選擇準備好的按鈕圖片,設定ID為“btn1”。

2、如果有彈出框,提示“是否新增表單標籤”,點“是”,按鈕圖片就出現在了設計框內。

3、在瀏覽頁麵點擊按鈕圖片,會有響應,黃色邊框就是滑鼠按下時的狀態。

方法二:

1、插入一個按鈕(插入-表單-按鈕),ID設定為btn2。

2、給新按鈕定義一個樣式class="btn2",設定長寬(與背景圖大小一致)和背景圖。

3、在樣式裡也設定下,字型、大小、字型顏色等,最終效果如下。