ThrashBox 終於看懂了

ThrashBox 用了比較不一樣的方式(CSS 疊套)
來放置切割的背景圖形 達到圓角矩形的效果

一般用 PhotoShop, PhotoImpact 產生的圖形切割 是切成剛剛好 ;
div 的大小幾乎必須是固定的 而且至少要六個圖形
(四角 + body 水平線 repeat-y + top/bottom 垂直線 repeat-x)

ThrashBox 則只需4個圖形 , div 的大小 只要不過大即可(小於右下方的切割圖形), 缺點是四角的邊緣不能透明 否則會露餡兒 就像底下的例子

Test Head2 aaaaaaaaaaaaaaaa

1st sentence withour.

ps.

• 使用Picasa 的影像時 記得選取Original size
• 使用flickr 的影像時 記得選取All size -> Large
• Picasa 會自動將gif 轉為jpg, 透明的效果不見了?

[ref]
ThrashBox , http://www.vertexwerks.com/tests/sidebox/
css padding, http://www.w3schools.com/css/css_padding.asp