首頁  >  文章  >  web前端  >  純css做三角形圖標

純css做三角形圖標

WBOY
WBOY原創
2016-09-09 08:13:201129瀏覽

以前做三角形圖示一直是用圖片,或是css3旋轉,現在才發現原來還有這麼簡單的三角形

div {

  border: 10px solid transparent;
  border-bottom: 10px solid #000;
  width: 0;

}

只要這麼簡單的三行css就可以實現一個三角形!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:常用meta整理下一篇:常用meta整理