gpt4 book ai didi

html - 如何使用css为水平线实现以下样式

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

我知道可以设置 <hr> 的样式元素,但是我不知道如何实现以下外观:

enter image description here

可能比较难看,基本上应该是(往水平方向)5px深棕,浅棕,5px深棕,还有图片hr周围的背景,让它更显眼,就是不是设计的一部分。这可以通过 css 实现吗(如果可以,如何实现)或者我是否需要使用图形?

最佳答案

使用 border-top 和 border-bottom。

<hr style="border-top: 1px solid #DEDDD9;border-bottom: 1px solid #DEDDD9;">

<hr style="border: 1px solid #DEDDD9;">

关于html - 如何使用css为水平线实现以下样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14696184/

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