CSS Sprites ~ 網頁圓角製作

想當年作網頁的圓角時.........

是用一個叫Nifty Corners的東西
http://www.html.it/articoli/nifty/index.html

他的作法是把div一層一層疊上讓他看起來像圓角的樣子~

還蠻酷的~~~~~

可是他的code...............小亂= ="


但看了這個方法~~~~我覺得更酷XD
http://www.wowbox.com.tw/blog/article.asp?id=3311

他的作法更酷~~~~而且程式碼更簡潔有力~~~~又好寫~~~~

大概就是一個div包住~~~~裡面直接貼內容~~~~

然後用position的屬性作4個div黏在4個角落

而他的背景圖片都只用到一張圖................ 配background-position的屬性去抓圖片的位置

所以弄出來就是一個有圓角的框 ~~~~可是都只用到同一張圖~~

我覺得超神奇的@0@


要感謝宅男友人分享~XD

1 則留言:

vc 說...

凸...那只是範例教學CSS Sprites
真正的王道是
http://www.malsup.com/jquery/corner/