-6
A
回答
0
我正在添加一个jsfiddle链接,它可以帮助您解答问题。
CSS
body { background: yellow; }
.bar {
position: relative;
width: 90%;
height: 30px;
margin: 0 auto;
}
.bar > a {
position: absolute;
top: 0px;
left: 60%;
width: 20%;
text-align: center;
font-size: 30px;
color: yellow;
padding-top: 30px;
}
.bar > a:before, .bar > a:after {
content:'';
position: absolute;
z-index: -1;
top: 0;
width: 0;
height: 30px;
border-top: 30px solid transparent;
}
.bar > a:before {
border-left: 20px solid red;
left: 50%;
}
.bar > a:after {
border-right: 20px solid blue;
right: 50%;
}
.bar:before, .bar:after {
content:'';
position: absolute;
top: 0;
height: 0;
border-top: 30px solid white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.bar:before {
left: 0;
width: 70%;
border-right: 30px solid transparent;
}
.bar:after {
right:0;
width: 30%;
border-left: 30px solid transparent;
}
+0
如果它可以帮助你接受。 –
相关问题
- 1. 淡出某个区域并淡入其中一个区域
- 2. 如何知道文本从一个CSS区域溢出到另一个区域?
- 3. 从一个区域的动作重定向到“根”区域的动作 - 区域?
- 4. 通知区域弹出链接区域
- 5. 如何将一个区域重定向到另一个区域
- 6. 从区域
- 7. 切换日期区域
- 8. 在Bootstrap中切换区域
- 9. 区域内的区域
- 10. 如何将特定文本从一个区域复制到另一个区域?
- 11. 如何将Azure资源从一个区域移动到另一个区域
- 12. 为什么我无法将Google实例从一个区域的区域移动到另一个区域的另一个区域?
- 13. 如何在Recycler视图中将项目从一个区域切换到另一个区域,反之亦然?
- 14. jQuery的切换内容区域移动以下显示区域
- 15. Drupal区域在一个地区
- 16. jQuery单独切换多个区域
- 17. 棱镜从区域
- 18. 如何使UIView的一个区域成为可点击区域
- 19. react-native-maps区域未更新 - 地图卡在一个区域
- 20. 如何让GWT DockLayoutPanel的区域渗入另一个区域?
- 21. Emacs:选择一个区域并键入以删除该区域
- 22. Drupal 7 - 如何在另一个区域内添加区域?
- 23. MVC区域 - 非区域路径解决到区域
- 24. 区域子域名
- 25. 如何将参数从一个区域传递到其他区域
- 26. 的每个区域
- 27. VBA - 每个区域
- 28. Backbone.Marionette布局:区域内的区域
- 29. Rails i18n区域设置和区域
- 30. C++形状区域:获取区域0
网站不给你想要什么一个很好的迹象。更清楚。也许添加一些你想要的截图 –
你试图复制的效果是使用[中间有透明“剪切”的图像)(http://www.dsorig.com/images/border.png) – kei
该网站使用此图片:http://www.dsorig.com/images/arrow-down.png –