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;

}

相关推荐
Mr_fang719406 分钟前
JS 面试 手写代码
前端·javascript
Mintopia7 分钟前
Three.js 多材质对象:给 3D 模型穿上 “混搭潮装”
前端·javascript·three.js
xiezhr19 分钟前
在trae的帮助下开发了俄罗斯方块游戏
前端·javascript·html
嘉小华23 分钟前
深入浅出Android ViewBinding
前端
嘉小华27 分钟前
深入浅出Android DataBinding
前端
赫本的猫27 分钟前
JavaScript作用域详解:从基础到欺骗词法
前端·javascript
星河丶28 分钟前
React 虚拟 DOM 的 Diff 算法原理
前端·react.js
赫本的猫28 分钟前
JavaScript 预编译机制深度解析
前端·javascript
狂龙骄子39 分钟前
uniapp Switch控件背景颜色自定义
css·uni-app·switch·hbuilderx·colorui
啊~哈1 小时前
页面弹窗适配问题
前端·javascript·vue.js