CSS画特殊边框

news/2024/10/23 5:50:02/

例如如图所示边框

.card-middle {width: 672px;height: 486px;border: 1px solid #5fadec;border-radius: 5px;position: relative;
}.card-middle::before {content: '';position: absolute;top: -4px;left: -4px;width: 680px;height: 448px;border: 25px solid transparent;border-image: url(../assets/20171030140854037.png);border-image-slice: 34;border-image-repeat: round;
}

 用伪类即可


http://www.ppmy.cn/news/703483.html

相关文章

1823. 数塔II

单点时限: 2.0 sec 内存限制: 1024 MB 有一个由正整数组成的三角形,第一行只有一个数,除了最下行之外每个数的左下方和右下方各有一个数,如下图所示。 1 3 2 4 10 1 4 3 2 20 从第一行的数开始,除了某一次可以走到下一行的任意…

hdu1823:luck and love

题目大意:请写一种二维的数据结构,支持: 1)修改某个点 2)查询某一块内的最大值 solution: 这题网上的solution有些错了2333,写这个的目的也是给大家做一个参考。 既然二维树状数组无法解决&…

1823政府经济学 (2)

客观题 单项选择题(共10题,共10分) 1. 政府经济的依据主要是( )。 A 私人财产所有权 B 社会公共权力 C 道德劝说 D 法律制度 参考答案:B;考生答案:B;试题分数&a…

MATLAB R2023a更新了哪些好玩的东西?

R2023a来啦!!废话不多说看看新版本有啥有趣的玩意和好玩的特性叭!!把绘图放最前面叭,有图的内容看的人多。 1 区域填充 可以使用xregion及yregion进行区域填充啦!! x -10:0.25:10; y x.^2; pl…

【POJ1823】Hotel

题目链接:http://poj.org/problem?id1823 题意: 有三种操作 1 A M 表示从 A 到 AM-1 住进M个人2 A M 表示从 A 到 AM-1 搬到M个人3 表示查询这个hotel 连续的空房间有多少 题解: 区间合并问题 线段树维护从左端/右端/整段最多连续0的个…

Leetcode 1823.找出游戏的获胜者

原题链接:Leetcode 1823. There are n friends that are playing a game. The friends are sitting in a circle and are numbered from 1 to n in clockwise order. More formally, moving clockwise from the ith friend brings you to the (i1)th friend for 1 …

poj1823 - hotel

http://poj.org/problem?id1823 Hotel Time Limit: 5000MS Memory Limit: 30000K Total Submissions: 2389 Accepted: 1044 Description The “Informatics” hotel is one of the most luxurious hotels from Galaciuc. A lot of tourists arrive or leave this hotel i…

hdu-1823 Luck and Love

题目链接:hdu1823二维线段树单点更新区间查询 题意 向一个100*1000的二维空间中插入点,每次查询时,查询区间最大值. 题解 身高既然是100~200,那就相当于100;活泼度相当于1000.所以建立100*1000的二维线段树. 大坑有如下几个输出-1,而不是-1.0输入的h1,h2,a1,a2,大小不一定,需要…