文章專區

網頁設計相關文章

用CSS畫出三角形圖案

以前在網頁裡加上三角形需使用圖片方式加入,

然而現在可以直接用CSS設計出想要的三角形了,而且語法相當簡潔。

主要會用到的就是邊框(border)概念,
一個元素會有四個邊框,每個邊框之間會呈現45度角,
 
於是利用這項特性,讓其中一個邊框消失,對稱的兩邊用相同的顏色,
如此一來就可以形成三角形了。

 
範例: