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;

}

相关推荐
程序员老赵1 小时前
Docker 部署 go2rtc:轻松搭建摄像头多协议流媒体平台
前端·docker·直播
酷酷的逗逗乐1 小时前
前端转 Agent 开发 · 第三节:LangChain 提示词模板
前端
Cache技术分享1 小时前
516. Java 方法句柄 - 转换(进阶篇·下)
前端·后端
妙码生花1 小时前
全网 8k star 的 BuildAdmin 正式发布 Golang 版本,这次我们在CRUD赛道杀死了比赛。
前端·后端·ai编程
写代码像蔡徐抻1 小时前
三年了,AI为何还没有抢走程序员饭碗?
前端·后端·面试
梦曦i2 小时前
unix-router v0.1.0 首发:uni-app x 的 vue-router 风格路由库
前端·uni-app
Linsk2 小时前
妙用:focus解决0到auto高度过渡的边界场景
前端·css
零域码客2 小时前
一文掌握 jQuery + Flask 全栈核心知识点(前端交互 + 后端接口 + 前后端联调)
前端·python·ajax·flask·jquery·前后端联调·web全栈
এ慕ོ冬℘゜2 小时前
html理论
前端·html
IT_陈寒2 小时前
Java的HashMap竟然不是线程安全的,现在才知道!
前端·人工智能·后端