小三角是一種用來裝飾網頁的css代碼,它可以在頁面中添加各種形狀的小三角。下面是一些常用的小三角css代碼。
/* 向上的小三角 */ .triangle-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid black; } /* 向下的小三角 */ .triangle-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid black; } /* 向左的小三角 */ .triangle-left { width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid black; border-bottom: 5px solid transparent; } /* 向右的小三角 */ .triangle-right { width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid black; border-bottom: 5px solid transparent; }
使用這些代碼可以輕易地在頁面中添加小三角,不用再費勁去制作圖片了。
上一篇jquery 淘汰
下一篇jquery 浮動按鈕