使用小工具 > 2D > 按鈕 (Button)
  
按鈕 (Button)
此小工具的功能為何？
「按鈕」會溝通在執行期間點按而發生的動作。
使用此小工具的時機？
「按鈕」可讓體驗使用者互動並導覽整個體驗。「按鈕」小工具可清楚向使用者傳達在按壓按鈕之後所發生的動作。您可使用 CSS 或現成的主題，讓按鈕擁有更多樣式。如需有關主題的詳細資訊，請參閱 主題
還有任何特殊屬性、服務、事件、動作嗎？
此小工具沒有任何具唯一性的屬性、服務或事件。
欲檢視常用小工具屬性、服務、事件等清單，可參閱 共通的小工具屬性、服務、事件。
動作中的小工具
此範例為小工具可能的外觀！
使用所必須的最少步驟
近似外觀
1. 拖曳「按鈕」小工具至畫布上。
2. 在「文字」欄位中輸入按鈕的名稱。例如 Play。
3. 將按鈕的「點擊」事件繫結至另一個小工具，並選取您要建立的繫結類型。舉例來說，如果繫結「點擊」事件至模型，並選取「選取繫結目標」視窗上的「播放全部」，則當點按體驗中的按鈕時，就會播放與模型相關聯序列中的所有步驟。
* 
對於此範例，我們已使用現成主題 button-balanced，即顯示了綠色按鈕。
使用 CSS 對小工具進行樣式化處理
您可使用 CSS 對小工具進行樣式化處理！以下為 CSS 類別範例，您可進行建立並套用︰
* 
請記住，最好為類別指定唯一名稱，從而不與其他類別或 OOTB 屬性相衝突。
CSS 範例
近似外觀
.ptc-button {
border-width: 1px;
border-style: outset;
border-color: rgb(46, 50, 49);
border-radius: 25px;
background: rgb(47, 48, 53);
font-size: 16px;
font-family: Century Gothic;
color: white;
}
如需有關實行 CSS 類別的詳細資訊，請參閱 應用程式樣式。