css 三角形

 

        .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); /* 旋转三角形使其指向右侧 */
        }

 

posted @ 2024-11-27 17:56  张志健  阅读(5)  评论(0编辑  收藏  举报