鑰匙

按鈕元素的概述。

按鈕可充當您的號召性用語 (CTA),並連接到頁面、表單、資產等。

在本課程中,您將了解:

  1. 按鈕的主要概念
  2. 將超連結部分個人化為按鈕的方法

按鈕的主要概念

要將按鈕引入您的網站:

  1. 前往 新增面板 > 元素 > 基本的
  2. 放下一個 按鈕 元素到 Webflow 畫布上

您可以透過兩種方式修改預設按鈕文字:

  1. 按兩下 按鈕 並編輯文本
  2. 突出顯示 按鈕 並擊中 進入/返回

您也可以調整按鈕的顏色。若要變更按鈕的背景顏色:

  1. 選擇 按鈕
  2. 訪問 風格面板 > 背景
  3. 點擊樣本以顯示顏色選擇器
  4. 選擇顏色

按鈕可以連結到 URL、內部或外部頁面、頁面部分、文件下載,也可以發起電子郵件或電話通話。您可以透過選擇畫布上的按鈕,然後導航到 元素設定 > 連結設定 或點選“齒輪” 畫布上按鈕元素上的圖示。進一步探索連結設定。

將超連結部分個人化為按鈕的方法

超連結部分類似於 div 區塊——一個可以在其中插入元素的容器。您可以獲得 超連結部分 來自 新增面板 > 基本的 區域。

之後移動到 新增面板 > 版式 並拖曳一個 文字區塊 在 - 的裡面 超連結部分。您可以雙擊來編輯文字。要消除下劃線,請繼續 風格面板 > 版式 > 風格 並按 “X“ 在 裝飾.

麥伊凡
Ewan Mak 的最新帖子 (看全部)