css写出带边框的三角

最新推荐文章于 2025-04-29 10:05:19 发布

原创最新推荐文章于 2025-04-29 10:05:19 发布 · 350 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css倒三角 #css带边框的三角

学习随记专栏收录该内容

24 篇文章

订阅专栏

css写带边框的三角

代码如下：

	content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    border: #333 solid 1px;
    background-color: #fff;
    border-left: 0;
    border-top: 0;
    bottom: -9px;
    left: 50px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

稍微改改，换成自己想要的大小，角度等。