rounded

Material Symbols & Icons 是一套由 Google Fonts 所推出的圖示字型，將超過 3,216 個字形整合到一個字體檔案中，並具有多種設計變體。每種圖示都提供 Outlined、Rounded 及 Sharp 三種樣式以及 Fill、Weight、Grade 及 Optical Size 四種可調節的可變字體樣式，並讓使用者自行選擇要以字型或是 SVG、PNG 圖檔格式下載。使用者可以在線上自行操作設定圖示並複製所提供的 CSS 及 HTML Code，輕鬆將其應用到自己的 Wwb、Android 或是 iOS 專案中。此外，該圖示套件還支援 Figma Plugin，在 Figma 中輕鬆使用。Material Symbols & Icons 採 Apache license 授權，這表示不論是個人還是商業使用均可。

製作網頁時，難免會有需要讓使用者點擊的地方，若只是用文字來敘述，雖然簡單明瞭，但卻顯得單調，想要放個按鈕圖示，但卻又礙於要使用圖片，牽涉較廣，若有這些問題，可以來試試這個可以說是 CSS 按鈕寶庫的 Buttons 線上 CSS 按鈕產生器，不但提供 Flat、Glow、Rounded、3D、Border、Pill、Circle、Dropdown(下拉選單)、icon、Square、Block 等各式各樣的按鈕，且配色相當豔麗，使用上更是簡單，只需在網頁特定位置，載入相關連結後，複製想要使用的按鈕樣式到網頁想要應用的位置即可。

圖片的四個邊基本上都是直角，若能適時的修飾成圓角呈現，會讓人有不一樣的視覺感受，要將圖片修飾成圓角，可以來使用 IOIMAGEONLINE.CO 網站內的 Make rounded corner image 免費服務，操作步驟非常簡單，僅需將圖片上傳，調整圓角的弧度，就可以完成製作並下載該圖片。

對學習 CSS 來說，不論是初學或是要進階，有可以參考的語法是相當重要的，畢竟各家瀏覽器支援的 CSS 語法不見得相同，CSS Portal 是一個提供網頁常用到的 CSS 的語法產生器，包含 CSS Box Shadow、CSS Button、CSS Gradient、CSS Flip Switch、CSS Menu、CSS3 Menu、CSS RGBA、CSS Ribbon、CSS3 Rounded Corners、CSS Sprite 、CSS Text Rotate、CSS Text Shadow 、CSS Tooltip 、Layout 、Style Input Range 讓你在製作網頁時，可以即時預覽樣式與語法。