糯米文學吧

位置:首頁 > 設計 > 網頁設計

Dreamweaver怎麼自己製作圖形按鈕

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

Dreamweaver怎麼自己製作圖形按鈕

  方法一:

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

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

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

方法二:

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

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

3、在樣式裏也設置下,字體、大小、字體顏色等,最終效果如下。