5
A
回答
5
是的,你可以做到这一点,没有任何额外的标记。像这样写:
CSS
.active{
border:1px solid red;
border-bottom:0;
width:80px;
height:40px;
margin:30px;
position:relative;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.active:after,
.active:before{
content:'';
width:40px;
height:30px;
border:1px solid red;
position:absolute;
bottom:-3px;
border-top:0;
}
.active:after{
border-left:0;
-moz-border-radius:0 0 5px 0;
-webkit-border-radius:0 0 5px 0;
border-radius: 0 0 5px 0;
left:-41px;
}
.active:before{
border-right:0;
-moz-border-radius:0 0 0 5px;
-webkit-border-radius:0 0 0 5px;
border-radius: 0 0 0 5px;
right:-41px;
}
HTML
<div class="active">hi</div>
相关问题
- 1. Css 2上的边界半径属性
- 2. 边界半径曲线向内?
- 3. 边界半径CSS
- 4. CSS边界半径
- 5. CSS边界半径
- 6. css中的“向外”边界半径?
- 7. CSS边界半径方向
- 8. IE9边界半径CSS
- 9. 边界半径问题CSS
- 10. 边界半径 - 当部署
- 11. CSS边框RADIUS,这是使用正确的样式?边界半径? -webkit-边界半径? -moz-边界半径?
- 12. CSS转换删除边界半径属性
- 13. 如何使用css属性,如边界半径与转换
- 14. CSS边界半径和-webkit-边界半径不工作在iOS 5的UIWebView
- 15. ems边界半径?
- 16. ie9边界半径
- 17. IE8边界半径
- 18. 边界半径Nativescript
- 19. CSS如何使内部的div边框半径与外层div边框半径
- 20. 斜杠(/)在CSS边界半径语法
- 21. 在CSS中的负边界半径?
- 22. CSS设计像边界半径
- 23. JavaFX的CSS边界半径的问题
- 24. 边界半径在IE9反向CSS
- 25. 问背景边界半径的CSS
- 26. CSS和边界半径问题
- 27. CSS 1px边界笔画突破边界半径
- 28. 如何更改底部边界半径?
- 29. CSS - 边框半径
- 30. 我可以在边界底部使用边界半径吗?
,无需额外的标记这将是不可能的,因为图形的部分是外箱子模型。 – Paul