gpt4 book ai didi

css - 使用 CSS 边框防止奇怪的 'bump'

转载 作者:太空宇宙 更新时间:2023-11-04 16:05:55 28 4
gpt4 key购买 nike

使用 CSS 通过使用 'border-width' 参数创建三 Angular 形。

<div id="my-weird-triangle"></div>
<style type="text/css">
#my-weird-triangle{
border-color: blue black black blue;
border-style:solid;
border-width:50px 50px 50px 50px;
width:0;
height:0;
}
</style>

创建类似的输出

Weird big

根据您的屏幕,您可能会注意到也可能不会注意到,但是如果您放大到三 Angular 形的中心,则会有一个小的(可能是 1 像素)“凸起”,这会使三 Angular 形看起来很奇怪

Weird small

我怎样才能得到一个中间没有这个奇怪凸起的纯 CSS[3] 直 Angular 三 Angular 形?

最佳答案

如果您更改每种边框颜色,您会注意到顶部和底部的三 Angular 形没有接触。您可以将宽度更改为 1px 以更正它。

   #my-weird-triangle{
border-color: blue black black blue;
border-style:solid;
border-width:50px 50px 50px 50px;
width:1px;
height:0;
}

关于css - 使用 CSS 边框防止奇怪的 'bump',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9132351/

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