[前端] 关于 CSS 定义 border 的一个需求，帮忙看看能否实现。

2018-10-05 11:02:16 +08:00
 ZiCraft


/* 我是 border 的 CSS */
border-top: 20px solid blue;
border-right:20px solid red;

如上图所示，发现默认的两个 borde 的衔接处是 border 1 所示的样子，现在需要实现 border 2 的样式，请问能够实现吗？

1409 次点击
所在节点    问与答
5 条回复
Geo200
2018-10-05 11:05:31 +08:00
用 before 或 after 再做一个三角形相对定位在右上角，把 top 的那部分挡住
rabbbit
2018-10-05 11:15:25 +08:00
Eleflea
2018-10-05 11:35:41 +08:00
可以试试 border-image
moxiaonai
2018-10-05 11:37:10 +08:00
伪类试试
Danswerme
2018-10-05 11:40:21 +08:00
@rabbbit 大佬 6，很多关于前端的帖子看见你

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/494993

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX