欢迎光临一流素材网,免积分免费素材下载!

css3三角箭头实例代码

所属栏目:DIV+CSS实例更新时间:2021-05-17 来源:网络 原作者:不详 发布:deepdfhy浏览:0

免费开源可商用的PHP万能建站程序-DiYunCMS(帝云CMS)

image


HTML

li::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 20px;
    width: 12px;
    height: 12px;
    margin-top: -2px;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    -webkit-transform: rotate(-45deg);
}

其中的

-webkit-transform: rotate(-45deg);

为旋转角度。


标签: css
收藏 0 有帮助 0 没帮助 0 打赏
给个评价吧