CSS3 邊框多了圓角、陰影及邊框圖片,
讓我們來看看使用方法,至於產生的效果,
請大家貼以下的程式碼試試看 :
如要使用圓角 :
div {
border-radius: 25px;
}
想增加陰影 :
div {
box-shadow: 10px 10px 5px #888888;
}
值排列順序為 X、Y 軸偏移;陰影擴散及陰影顏色。
想要用圖片製作邊框 :
div {
border-image: url(border.png) 30 30 round;
}
圖片連結、切成幾片、多寬、重複樣式(stretch|repeat|round)