gpt4 book ai didi

html - 如何在图像上方添加渐变边框(对 Angular 线边框)

转载 作者:可可西里 更新时间:2023-11-01 13:07:21 25 4
gpt4 key购买 nike

<分区>

我需要这样的东西

picture

但在图片上方,这是我的第一次尝试,但它不起作用

http://jsfiddle.net/wo8gbhx3/17/

这是我的标记(现在)

HTML

<div class="testing">
<ul>
<li class="selected unavailable">
<a href="#">
<img src="http://placehold.it/25x25"/>
</a>
</li>
</ul>
</div>

CSS

.testing ul {
list-style: none;
}
.testing ul li {
width: 25px;
height: 25px;
position: relative;
}
.testing ul li img {
width: 100%;
height: 100%;
}
.unavailable:before {
position: absolute;
border: 2px solid green; /* Just for testing */
background:repeating-linear-gradient( 150deg, #FFF, #FFF 16px, #000 18px);
}

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