gpt4 book ai didi

html - CSS 自定义倒圆 Angular 梯形

转载 作者:行者123 更新时间:2023-11-28 10:26:34 26 4
gpt4 key购买 nike

<分区>

我想用 CSS 和 HTML 自定义这个形状。它是相同的梯形,具有一些倒置的边界半径。我如何定制它?这是这样的图像。

Image here

我想要的是它能够随其中的文本调整大小。 (也许它被称为内联显示......我不确定。)例如:我有短文本,它应该是 100px,长文本应该是 400px。

.dxTitle {
/* I use Image instead of Custom transformed shape */
background: url('https://image.ibb.co/eF0oRy/title_1.png') no-repeat;
background-size: 100% 100%;
background-position: left 0px;
height: 34px;
color: white;
padding: 5px;
/* Seem not important */
margin-bottom: 20px;
}
<div class="dxTitle">
<span style="font-weight:500">
The Headers with short text
</span>
</div>
<div class="dxTitle">
<span style="font-weight:500">
The Headers with long long long long text
</span>
</div>

谢谢!

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