您可能感興趣的相關文章

• 2012年最酷的25個 CSS3 學習教程
  
• 35個讓人驚訝的 CSS3 動畫效果演示
• 推薦12個漂亮的 CSS3 按鈕實現方案
• 20個非常絢麗的 CSS3 特性應用演示
• 24款非常實用的 CSS3 工具終極收藏

?

?

/* create an arrow that points up */ div.arrow-up {width:0px; height:0px; border-left:5px solid transparent; /* left arrow slant */border-right:5px solid transparent; /* right arrow slant */border-bottom:5px solid #2f2f2f; /* bottom, add background color here */font-size:0px;line-height:0px; }/* create an arrow that points down */ div.arrow-down {width:0px; height:0px; border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #2f2f2f;font-size:0px;line-height:0px; }/* create an arrow that points left */ div.arrow-left {width:0px; height:0px; border-bottom:5px solid transparent; /* left arrow slant */border-top:5px solid transparent; /* right arrow slant */border-right:5px solid #2f2f2f; /* bottom, add background color here */font-size:0px;line-height:0px; }/* create an arrow that points right */ div.arrow-right {width:0px; height:0px; border-bottom:5px solid transparent; /* left arrow slant */border-top:5px solid transparent; /* right arrow slant */border-left:5px solid #2f2f2f; /* bottom, add background color here */font-size:0px;line-height:0px; }

?

更多實用 CSS3 技巧：幫助你美化網站的10 實用 CSS3 技巧

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的CSS3 实用技巧：制作三角形的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。