- 標題
- 【O專欄】CSS3:網頁外觀新衝擊之圖像背景加工篇 | T客邦 - 我只推薦好東西
- 網址
- http://www.techbang.com.tw/posts/2360-column-o-css3-new-l...
- 摘要
-
過去網頁設計者要將圖像加工,例如在邊界修圓角,經常需要藉助第三方軟體,如Photoshop等工具來修圖。有時候我們想對文字做些立體效果,像是加上陰影,還是得靠PS來修,然後把這些文字轉換為圖像後再上傳,沒辦法直接以程式碼辦到。(Photoshop一套可不便宜!)
CSS3在這一方面做了嘗試,能直接透過CSS代碼來對圖像、文字做出修飾,讓常要作的網頁外觀設計變得更簡單、幾行代碼就能完成。W3C規範對提出了各種不同的功能與外觀修飾語法,今天就來介紹幾個設計者在作圖像加工時常會用到的:「圓角加工(border-radius)」、「陰影加工(box-shadow)」與「拼接背景圖像(multiple background)」。