上一篇: [GM Script] 瀏覽 Flickr 相簿時自動加載下一頁的相片 - Flickr Auto Page
下一篇: 解決 Windows Live Writer Beta 2 造成 CPU 100% loading 及 WordPress 亂碼的問題
首頁 » 網頁設計, 線上工具

不需圖片 只用純 CSS 便能做出圓角效果

發表於 2007/06/11 | 分類: 網頁設計, 線上工具 | 有 6 則迴響 | 瀏覽數: 5,279 個瀏覽人數
http://blog.joaoko.net/archives/420

之前有介紹過一個圓角產生器，但它是利用背景圖片再加上 CSS 定位而成，但Spiffy Corners 是一個只使用純 CSS 便能幫助使用者做出圓角效果的網站。

使用時只需輸入背景及前景顏色然後按下 Show Me The Code，下面就會顯示 CSS 及 HTML 碼。

網站：http://www.spiffycorners.com/sc.php

有 6 則迴響 屬於 “不需圖片 只用純 CSS 便能做出圓角效果”

  1. Ren 說道：
    2007/六月/11 at 3:05 下午

    這個粉正點。你的 Blog 很有料。

    回覆
  2. Eduardo 說道：
    2007/六月/12 at 1:37 下午

    這個我玩過，不過好像會產生很多 CSS 設定，有點不太好用的感覺。倒不如直接用圖檔還比較快 @@

    回覆
  3. yestaro 說道：
    2007/七月/20 at 11:50 上午

    之前看過也是圓角功能的，不用圖片，需要JavaScript
    http://www.ruzee.com/blog/ruzeeborders/

    優點是CSS的設定簡單吧，功能較強，但需要JavaScript

    可以看看

    回覆
  4. 網頁設計 說道：
    2007/十二月/11 at 11:00 下午

    真是不錯,感謝分享

    回覆
  5. alice 說道：
    2008/十月/29 at 5:27 下午

    請問一下ie7是不是顯示會有問題，我用ie7看他的圓角跑掉？

    回覆
  6. aaron 說道：
    2008/十二月/18 at 3:55 下午

    請問CSS做的出一個網頁裡,有三種照片可以選,選取之後可以打上文字,而文字會在那張照片裡面..請問大概要怎麼做呢??

    回覆

留下你的迴響