2021-10-12

CSS Tooltip Generator 提示訊息框 CSS 語法產生器

瀏覽網頁時,當我們看到帶有 ? 的圖示符號,通常將滑鼠指標指過去就會出現提示框,而其內容是解釋其意義或是提示使用者該如何操作等,而其出現的位置,可能會是在 ? 圖示符號的上、下、左、右。對 CSS 的初學者而言,要產生這樣的提示框並不容易,但我們可以透過一些輔助工具像是 CSS Tooltip Generator 這個免費網站,使用者僅需修改簡單的參數,便可以快速產生自己理想中的提示框,然後複製其產生的 CSS 語法,就可以應用到網頁內,相當方便。

{CSS}Portal CSS Tooltip Generator 網站資訊

網站語言:英文網站網址: 按我前往 {CSS}Portal CSS Tooltip Generator

如何使用 CSS Tooltip Generator 產生提示框 CSS 語法?

1.使用瀏覽器進入 {CSS}Portal CSS Tooltip Generator 網站,便可以看到範例,透過 Top、Bottom、Right、Left 可以改變提示框顯示的位置。
CSS Tooltip Generator 提示訊息框 CSS 語法產生器


2.往下捲動網頁,可以看到提示框所需的參數。
CSS Tooltip Generator 提示訊息框 CSS 語法產生器

3.參數變更後,會立即反映到範例中。
CSS Tooltip Generator 提示訊息框 CSS 語法產生器

4.而在網頁的底部,我們可以取得 HTML 及 CSS的相關語法。
CSS Tooltip Generator 提示訊息框 CSS 語法產生器

 分享您的留言


請輸入關鍵字


請選擇...


˄