首頁線上工具開發工具 如何在網頁中顯示上、下標字? 常在網頁上可以看到這樣 ChtouchTM 或是 log10n2的圖示或符號,為了要顯示這樣的樣式,很多人會利用圖形來製作或是插入特殊符號,這樣其實相當麻煩,其實可以利用 HTML 的 sup 與 sub 兩個 Tag 便可以達到上、下標字。 §相關文章,還可以參閱:Grid-Generator 可自訂網頁結構的版型產生器CSS Scanner 快速查看或複製網頁任何 HTML 元素的 CSSMenucool CSS Tooltip Generator 提示訊息框 CSS 語法產生器「TimeComplexity.ai」用 AI 估算程式碼的時間複雜度Uiball.com 免費使用 CSS 打造的網頁等待動畫圖示 如何利用 CSS 顯示上、下標字? 1.sub 標籤為顯示下標字,如下: https://chtouch.com關鍵應用 2.sup 標籤為顯示上標字,如下: 關鍵應用https://chtouch.com sup=super-script sub=sub-script 3.另外就是搭配 CSS 的 vertical-align 屬性來達成,sub 設定下標字位置;super:設定上標字位置。 例如: vertical-align:sub vertical-align:super
CSS-TRICKS Button Maker 按鈕 CSS 線上產生器想要改變按鈕的外觀,在以前我們可能都會使用圖片來代替,現在也可以來試試 CSS-TRICKS 網站所提供的「按鈕 CSS 線上產生器」,只需透過幾個步驟,就能讓按鈕產生圓角框、漸層顏色,另外,亦提供自訂按鈕各個部份的顏色,相當方便,幫助你快速的將網頁內的按鈕套用所產生的 CSS 樣式。
Freemore Video to GIF Converter 影片製作成 Gif 動畫有時候我們會在網頁上看到類似影片播放的圖片,這種圖片的格式就是 Gif ,要製作 Gif 動畫有許多免費軟體可以配合,像是 <a href="/896/">AnimateGif 快速建立 GIF 動畫軟體(免安裝)</a> 等,另外,若需要將影片的全部或片段製作成 Gif 動畫時,可以來試試 Freemore Video to GIF Converter 這套影片製作成 Gif 動畫,簡單好用。