css画div对角线开发者社区

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

刚失恋的煎饼果子 · NCLibTV國圖到你家OTT TV數位頻道· 3 月前 ·

逃跑的啤酒 · “讲好老区故事，让红色基因代代相传”_中国人大网· 6 月前 ·

冷静的楼房 · 填补国内空白！全国首套高铁箱梁单双线共用运架 ...· 8 月前 ·

玩滑板的啄木鸟 · 52书库软件怎么下载-百度经验· 1 年前 ·

烦恼的上铺 · 技术喷涌前夜，智能手机定义未来 | 南方周末· 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>

推荐文章

刚失恋的煎饼果子 · NCLibTV國圖到你家OTT TV數位頻道

3 月前

逃跑的啤酒 · “讲好老区故事，让红色基因代代相传”_中国人大网

6 月前

冷静的楼房 · 填补国内空白！全国首套高铁箱梁单双线共用运架设备在通州湾下线-通州湾江海联动开发示范区

8 月前

玩滑板的啄木鸟 · 52书库软件怎么下载-百度经验

1 年前

烦恼的上铺 · 技术喷涌前夜，智能手机定义未来 | 南方周末

1 年前