css给盒子写四个角

如图:之前一直用定位 现在发现可以用css写

background: linear-gradient(to top, #306eef, #306eef) left top no-repeat,

/*上左*/ linear-gradient(to right, #306eef, #386eef) left top no-repeat,

/*左上*/ linear-gradient(to left, #386eef, #306eef) right top no-repeat,

/*上右*/ linear-gradient(to bottom, #306eef, #306eef) right top no-repeat,

/*上右*/ linear-gradient(to left, #386eef, #386eef) left bottom no-repeat,

/* */ linear-gradient(to bottom, #386eef, #306eef) left bottom no-repeat,

/*左下*/ linear-gradient(to top, #396eef, #396eef) right bottom no-repeat,

/* 石*/ linear-gradient(to left, #306eef, #306eef) right bottom no-repeat; /*右下*/

background-size: 2px 16px, 16px 2px, 2px 16px, 16px 2px;

顺便记录一下给单数盒子变色

.table-body:nth-child(odd) {

background: rgba(97, 156, 249, 0.5);

}

最后再记录一下给某个盒子隐藏下滑条

.tableBody::-webkit-scrollbar {

width: 0;

}

相关推荐
Dxy12393102164 分钟前
MySQL索引完整教程:创建、查看、修改、删除与日常管理
前端·javascript·mysql
剪刀石头布啊26 分钟前
js能被遍历的集合有哪些特征,为何能被遍历
前端
剪刀石头布啊28 分钟前
js解构
前端
剪刀石头布啊33 分钟前
防抖功能的逐步递进
前端
剪刀石头布啊37 分钟前
对象的大小比较与面向对象思考
前端
最爱老式锅包肉3 小时前
《HarmonyOS技术精讲-ArkWeb》桥接两岸:JSBridge原生与Web互调
前端·华为·harmonyos
IT_陈寒3 小时前
闭包陷阱让我加了两天班,JavaScript你真行
前端·人工智能·后端
踩着两条虫4 小时前
可视化 vs 终端 vs 云端:VTJ.PRO、Claude Code、Codex 三强横评
前端·vue.js·人工智能·低代码·架构
kyriewen4 小时前
Godot 全面封杀 Vibe Coding,作为每天用 AI 写代码的人,我反而觉得这是件好事
前端·ai编程·claude
前进的搬砖er4 小时前
4.three.js的几何体、纹理、光源、材质、uv属性 讲义
前端