border radius 圓角框 CSS 語法線上產生器

border radius 圓角框 CSS 語法線上產生器

CSS 版本進展到 CSS3.0,讓以往需要靠圖片來輔助才做得到的效果,變得只需用 CSS 即可,例如邊框特效、色彩展示、圖形變化、動畫、轉換特效、文字色彩、文字陰影、區塊陰影、文字旋轉...等,不過標準有了,語法的學習上卻變成是個門檻,還好,線上有很多關於 CSS 產生器,像是按鈕、陰影、圓角...等,如果對 CSS 語法陌生,又想產生圓角邊框,可以來試試 border radius 這個線上的 CSS 圓角框產生器,簡單方便。

§相關文章,還可以參閱:

如何使用border radius 產生圓角框?

1.使用瀏覽器進入 border radius 網站,任選一個邊框旁來輸入圓角的角度,該值預設會帶入其餘三個邊框角度,同時中間也會產生 CSS 語法並會產生相對應的圓角框。

border radius 圓角框 CSS 語法線上產生器

2.如果需做出不對稱的角度,直接修改各圓角框的值,接下來複製中間的 CSS 語法到網頁中即可應用。

border radius 圓角框 CSS 語法線上產生器

要將多張相片拼貼成一張,可以來試試 Photo Joiner 這個免費的線上工具,該網站可以讓用戶自選樣式模板,相片拼貼的數量可以從 1 ~ 8張,也可以自行加入文字,最重要的是下載後的成品不會有該網站的浮水印,讓拼貼後的相片,能夠有後續的應用價值。

相片與影片是很多人生活的點滴記錄,因此對影片與相片的儲存與備份是件重要與傷腦筋的事情,Microsoft 與 Google 均有提供免費的影片與相片備份功能,但有硬碟容量的限制,超過就需要付費購買額外的空間,但「Google 相簿」有提供只要不是以「相片原始大小」(完整解析度)上傳就可以取得無限的免費儲存空間設定,如此一來,雖然,選擇「高畫質」同步上傳雲端,影片檔案會被自動壓縮為 1080p、相片檔案會被自動壓縮為 1600萬畫素,但對不想花錢額外購買雲端儲存空間的前提下,作為日常生活瀏覽相片影片的備份方式,還是滿符合基本需求。另外,備份時須注意有以下的限制:<br /> 無法備份的檔案: <ul style="line-height: 180%;"> <li>大於 100 MB 或 1 億 5000 萬像素的相片。</li> <li>大於 10 GB 的影片。</li> <li>小於 256 x 256 的項目。</li> </ul> 可備份的檔案類型: <ul style="line-height: 180%;"> <li>相片:jpg、png、webp 和部分 RAW 檔案。</li> <li>只要在 iPhone 或 iPad 上使用 Google 相簿應用程式,即可備份您的 Live Photos。</li> <li>影片:mpg、mod、mmv、tod、wmv、asf、avi、divx、mov、m4v、3gp、3g2、mp4、m2t、m2ts、mts 和 mkv 檔案。</li> </ul>