css实现梯形?

HTML:

<div class="box"></div>

CSS:

.box{
    width:50px;
    height:0;
    border-bottom:50px solid pink;
    border-left:50px solid #fff;
    border-right:50px solid #fff;
}

效果:

相关推荐

  1. CSS实现瀑布流

    2024-03-14 09:48:01       69 阅读
  2. css实现三角形

    2024-03-14 09:48:01       60 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-14 09:48:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-14 09:48:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-14 09:48:01       82 阅读
  4. Python语言-面向对象

    2024-03-14 09:48:01       91 阅读

热门阅读

  1. 探索大语言模型(LLM):部分数据集介绍

    2024-03-14 09:48:01       46 阅读
  2. 同程旅行前端面试汇总

    2024-03-14 09:48:01       42 阅读
  3. 数据结构导航 -- 38篇

    2024-03-14 09:48:01       35 阅读
  4. gen_arrow_contour_xld

    2024-03-14 09:48:01       42 阅读
  5. wayland(xdg_wm_base) + egl + opengles 光照模型实例(十五)

    2024-03-14 09:48:01       48 阅读
  6. OMP实现MATLAB压缩感知实例

    2024-03-14 09:48:01       47 阅读
  7. vue中使用video.js,且可以截图、录制和下载视频

    2024-03-14 09:48:01       74 阅读
  8. CSS 01

    CSS 01

    2024-03-14 09:48:01      33 阅读
  9. Rust 如何优雅关闭 channel

    2024-03-14 09:48:01       46 阅读
  10. 【MySQL 系列】MySQL 函数篇

    2024-03-14 09:48:01       37 阅读
  11. SQL进阶(五):With 函数 vs 视图函数

    2024-03-14 09:48:01       36 阅读
  12. 【 React 】React 中引入css的方式有哪几种?区别?

    2024-03-14 09:48:01       45 阅读
  13. CSS常见选择器

    2024-03-14 09:48:01       42 阅读
  14. vue进阶——动态引入组件

    2024-03-14 09:48:01       40 阅读