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

Dreamweaver怎麼自己製作圖形按鈕

2014-11-23 網頁設計

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

  方法一:

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

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

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

方法二:

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

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

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

標籤:Dreamweaver 按鈕 圖形
2014-11-23
2014-07-23
2014-11-20
2014-11-23
2014-11-22
2014-11-23
2014-10-24
2014-11-23
2014-11-23
2014-07-23

Copyright ©2024 才華齋 All Rights Reserved.