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