css 三角形

张志健發表於2024-11-27

        .threes{
            position: relative;
        }
        
        .threes::before {
            position: absolute;
            top: -6rpx;
            right: -50rpx;
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            border-left: 10rpx solid transparent; /* 調整這個值以改變三角形的大小 */
            border-bottom: 10rpx solid #1780F1; /* 調整這個值以改變三角形的顏色 */
            border-right: 10rpx solid transparent; /* 對於向右的三角形,這一行是必要的 */
            transform: rotate(90deg); /* 旋轉三角形使其指向右側 */
        }

相關文章