gpt4 book ai didi

css - 使渐变边框看起来像一条线

转载 作者:行者123 更新时间:2023-11-28 16:20:02 25 4
gpt4 key购买 nike

如何使颜色之间的渐变边界看起来像一条线?还有一种方法可以在左下角而不是在按钮右侧的中间开始这条线吗?我为此使用了这个 css:

background: linear-gradient(to right bottom, #00C9FF 30%, black 50%)

enter image description here

最佳答案

您可以使用以下代码来获得预期的结果:

div {
background: linear-gradient(to right bottom, #00C9FF calc(50% - 1px), black calc(50% + 1px));
border:7px solid #00C9FF;
color:#fff;
height:100px;
line-height:100px;
text-align:center;
width:100px;
}
<div>Test</div>

calc()需要使线条流畅。否则边框在某些浏览器上看起来很奇怪。

关于css - 使渐变边框看起来像一条线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37014754/

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