css画div对角线开发者社区

link之家

链接快照平台

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

相关文章推荐

热心的黄花菜 · 阿里云数据库RDS MySQL ...· 1 年前 ·

乐观的皮带 · 深度强化学习：基于Python的理论及实践 ...· 1 年前 ·

坏坏的骆驼 · 通过主机名字获取与端口号获取对应的IP地址_ ...· 2 年前 ·

稳重的匕首 · PHP MySQL 插入数据 | 菜鸟教程· 2 年前 ·

粗眉毛的风衣 · Docker Compose 网络设置 - 掘金· 2 年前 ·

画对角线

使用线性渐变, 因为是正方形, 所以是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>

推荐文章

热心的黄花菜 · 阿里云数据库RDS MySQL Serverless测评_阿里云rds mysql性能怎么样-CSDN博客

1 年前

乐观的皮带 · 深度强化学习：基于Python的理论及实践劳拉·格雷泽 - 哔哩哔哩

1 年前

坏坏的骆驼 · 通过主机名字获取与端口号获取对应的IP地址_boost获取ip_柳亓的博客-CSDN博客

2 年前

稳重的匕首 · PHP MySQL 插入数据 | 菜鸟教程

2 年前

粗眉毛的风衣 · Docker Compose 网络设置 - 掘金

2 年前