css 利用 border 制作三角形，需要三条边的颜色不遮住其他区域怎么办？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 3153 天前的主题，其中的信息可能已经有所发展或是发生改变。

border-width: 10px;
border-color: #00A2CA #ffffff #ffffff #ffffff;
border-style:solid;

好像没有透明度，那么怎么设置另外三条边不遮住其他区域呢？

4 条回复 • 2015-09-16 09:15:34 +08:00

ljbha007

2015-09-16 09:08:47 +08:00

你设置成下面的底色就行了不然就用 png 图片吧

pseudo

2015-09-16 09:11:24 +08:00

#fff 改成 transparent 试试

gongpeione

2015-09-16 09:12:02 +08:00

transparent √

emric

2015-09-16 09:15:34 +08:00

border: 10px solid;
border-color: #00A2CA transparent transparent;