Dreamweaver 按鈕樣式

「按鈕」是所有網頁不可或缺的重要元素，要製作一個吸引使用者目光的按鈕，需要設定寬度、高度、背景顏色、border、padding以及滑鼠移入、移出的效果等等，Dreamweaver內建的Bootstrap組件就有提供各式各樣的按鈕效果，不須自行設定樣式及class名稱，只要4個步驟就能快速製作出各式按鈕，讓我們跟著以下步驟操作吧！
一、 在Dreamweaver中新建一個Bootstrap檔案，Bootstrap CSS選擇「新建」且不包含預先建立的版面。
二、 將滑鼠游標停留在body標籤中，點選插入面板，來源選擇「Bootstrap組件」，點選「Button」選項的倒三角形，就會出現各種預設的按鈕樣式。
三、 依序點選「Primary」、「Info」、「Success」、「Danger」、「Warning」，會自動產生相對應的程式碼片段。
四、 最後將按鈕文字修改成任何您想呈現的內容，就可以輕鬆完成具有完整效果的網頁按鈕囉！
以上是關於「Dreamweaver 按鈕樣式」的製作方法，這麼實用的小撇步，您一定要學會喔！

- 回424期電子報主頁 -
財團法人中華民國電腦技能基金會版權所有，未經確認授權，嚴禁轉貼節錄
 TEL：02-2577-8806 ‧ FAX：02-2577-8135 服務信箱： [email protected]