html - 如何在CSS三 Angular 形的背景中添加图片

标签 html css css-shapes

<分区>

Like this

我已经尝试过,但到目前为止我是在没有任何背景的情况下使用 css border hack 制作的。如何用像上图这样的图像推进它?

最佳答案

您可以使用 CSS triangle generator并修复它。

width: 0;
height: 0;
border-style: solid;
border-width: 0 100px 100px 100px;
border-color: transparent transparent #007bff transparent

另见 Creating a transparent arrow above image in CSS3

关于html - 如何在CSS三 Angular 形的背景中添加图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27374582/

上一篇:css - 纯 CSS 图片库

下一篇:css - JSF/PrimeFaces 标签如何解析为默认 CSS 样式?

相关文章:

css - 在div中从底部到顶部堆积图像

html - 使用 CSS 创建多个向外的边框半径

javascript - 我们可以在 Highcharts 折线图中找到击穿点/击穿分析吗?

javascript - 我怎样才能让这段代码只平滑滚动我想要的元素?

php - 如何标记一个表中不在另一表 (mySQL) 中的值?

html - 站点发布后 CSS 媒体查询不起作用

html - 为 html 5 准备 mp4 文件

html - 如何让banner图片全长延伸,logo居中?

html - 响应三 Angular 形?

html - CSS设计-彩虹