gpt4 book ai didi

css - 制作自定义 div 形状

转载 作者:太空狗 更新时间:2023-10-29 12:23:46 33 4
gpt4 key购买 nike

<分区>

如何制作这样的div?请有任何想法。

enter image description here

到目前为止,这是我的代码:jsFiddle

.triangle-up-left {
width: 0;
height: 0;
border-style: solid;
border-width: 20px 15px 0 0;
border-color: #007bff transparent transparent transparent;
position: absolute;
}

.category-span {
padding: 10px;
background-color: red;
}
<div class="row">
<span class="category-span">Category</span><span class="triangle-up-left"></span>

</div>

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com