瀏覽網頁時，當我們看到帶有 ? 的圖示符號，通常將滑鼠指標指過去就會出現提示框，而其內容是解釋其意義或是提示使用者該如何操作等，而其出現的位置，可能會是在 ? 圖示符號的上、下、左、右。對 CSS 的初學者而言，要產生這樣的提示框並不容易，但我們可以透過一些輔助工具像是 CSS Tooltip Generator 這個免費網站，使用者僅需修改簡單的參數，便可以快速產生自己理想中的提示框，然後複製其產生的 CSS 語法，就可以應用到網頁內，相當方便。
{CSS}Portal CSS Tooltip Generator 網站資訊
如何使用 CSS Tooltip Generator 產生提示框 CSS 語法？
1.使用瀏覽器進入 {CSS}Portal CSS Tooltip Generator 網站，便可以看到範例，透過 Top、Bottom、Right、Left 可以改變提示框顯示的位置。
2.往下捲動網頁，可以看到提示框所需的參數。
3.參數變更後，會立即反映到範例中。
4.而在網頁的底部，我們可以取得 HTML 及 CSS的相關語法。
