gpt4 book ai didi

css - 在右边界画三 Angular 形

转载 作者:太空狗 更新时间:2023-10-29 14:01:47 24 4
gpt4 key购买 nike

<分区>

我有一个包含很多 li 的 ul 元素。一些行 (li) 以黄色背景突出显示。

我想在右边框添加一个三 Angular 形。这个三 Angular 形应该看起来像一个指向文本的箭头

是这样的: enter image description here

Fiddle

我试图用右边框绘制这个三 Angular 形,但这没有给我正确的形状。

<ul>
<li>not highlighted</li>
<li>not highlighted</li>
<li class="highlighted">HIGHLIGHTED</li>
<li>not highlighted</li>
</ul>
<style>
.highlighted {
border-right: 20px solid red;
}
</style>

请注意,一里可以多一行,这样行的高度可以改变。具有固定高度(一行)的箭头就足够了。

这可能吗?如果是,如何?

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