css画div对角线开发者社区

相关文章推荐

踢足球的洋葱 · ffmpeg 获取视频每帧的时间 - CSDN文库· 5 月前 ·

礼貌的消炎药 · 重复键值违反唯一约束。-腾讯云开发者社区-腾讯云· 1 年前 ·

低调的镜子 · vba字典代替vlookup cell-掘金· 1 年前 ·

大鼻子的蚂蚁 · 面试率超高的JS事件循环，看这篇就够了-js ...· 1 年前 ·

逼格高的自行车 · GDB观察栈的内存布局_51CTO博客_gd ...· 1 年前 ·

画对角线

使用线性渐变, 因为是正方形, 所以是45度角

.block {
    background: linear-gradient(45deg, transparent 49.5%, #fff000 50.5%, #fff000 50.5%, transparent 50.5%);
}

代码链接

https://codepen.io/klren0312/full/zYqPVXZ

表格对角线

<style>
  .line {
  padding: 20px 0;
  position: relative;
  background: linear-gradient(11deg, transparent 48.5%, #ff0000 49.5%, #ff0000 36.5%, transparent 51.5%);
.top,
.bottom{
  position: absolute;
.top {
  top: 0;
  right: 20px;
.bottom {
  bottom: 0;
  left: 20px;
</style>

推荐文章

踢足球的洋葱 · ffmpeg 获取视频每帧的时间 - CSDN文库

5 月前

礼貌的消炎药 · 重复键值违反唯一约束。-腾讯云开发者社区-腾讯云

1 年前

低调的镜子 · vba字典代替vlookup cell-掘金

1 年前

大鼻子的蚂蚁 · 面试率超高的JS事件循环，看这篇就够了-js事件循环面试题

1 年前

逼格高的自行车 · GDB观察栈的内存布局_51CTO博客_gdb查看内存布局

1 年前