0
就像在標題中說的那樣,是否有人知道在不使用圖像的情況下使用CSS2
(而不是CSS3)製作三角形的技巧?有沒有辦法創建純粹的CSS2跨瀏覽器三角形?
就像在標題中說的那樣,是否有人知道在不使用圖像的情況下使用CSS2
(而不是CSS3)製作三角形的技巧?有沒有辦法創建純粹的CSS2跨瀏覽器三角形?
一個良好的網站 - 一個小小要求將給你答案:
http://css-tricks.com/snippets/css/css-triangle/
.arrow-up {
\t width: 0;
\t height: 0;
\t border-left: 5px solid transparent;
\t border-right: 5px solid transparent;
\t
\t border-bottom: 5px solid black;
}
.arrow-down {
\t width: 0;
\t height: 0;
\t border-left: 20px solid transparent;
\t border-right: 20px solid transparent;
\t
\t border-top: 20px solid #f00;
}
.arrow-right {
\t width: 0;
\t height: 0;
\t border-top: 60px solid transparent;
\t border-bottom: 60px solid transparent;
\t
\t border-left: 60px solid green;
}
.arrow-left {
\t width: 0;
\t height: 0;
\t border-top: 10px solid transparent;
\t border-bottom: 10px solid transparent;
\t
\t border-right:10px solid blue;
}
<div class="arrow-up"></div>
<div class="arrow-down"></div>
<div class="arrow-left"></div>
<div class="arrow-right"></div>
感謝您的回答。這正是我在尋找的。方便的東西。 – aspirinemaga
順便說一下,爲什麼我'得到'-1'?只是想知道,我又搞砸了? – aspirinemaga