gpt4 book ai didi

html - 如何创建在所有浏览器上看起来都一样的虚线边框?

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

<分区>

我可以制作单个 CSS 虚线边框,如下所示,但是如何制作顶部和侧面边框?

是的,border: dashed 会这样做,但问题是破折号在 Chrome、IE、FF 等中呈现不同,所以我正在寻找一种通用的跨浏览器样式控制破折号粗细、间距和长度的声明,并从下方开始使用一个边框。

HTML:

<div class="box"></div>

CSS:

.box {
height:95px;
margin-top:6px;
padding-top:10px;
}

.box:hover {
color:#2200dd;
height:101px;
margin-top:0px;
background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%, transparent 100%) repeat-x left top, left bottom;
background-size: 60px 6px;
}

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