1
A
回答
4
.box {
background: #363742;
position: relative;
overflow: hidden;
height: 200px;
}
.box:before,
.box:after {
border-radius: 1000px/50px;
position: absolute;
background: #fff;
height: 80px;
content: '';
right: -50px;
left: -50px;
top: -50px;
}
.box:after {
bottom: -50px;
top: auto;
}
<div class="box"></div>
相關問題
- 1. 如何移動C#中ListBox頂部(和底部)的元素?
- 2. 如何使用CSS的div三角形的頂部和底部?
- 3. CSS:IFRAME中頂部和底部的漸變?
- 4. 如何遞歸交換堆棧的頂部元素到底部
- 5. 如何從頂部到底部減少元素的高度,而不是從默認的底部到頂部?
- 6. 如何繪製頂部和底部邊緣的矩形
- 7. 查找數組的頂部和底部5個元素
- 8. 元素頂部和底部的空白處
- 9. UITableView reuseIdentifier:頂部和底部的重複元素
- 10. 如何從底部到頂部對齊HTML元素?
- 11. 如何從底部到頂部垂直堆疊div元素?
- 12. UIImageView如何切斷頂部和底部?
- 13. 如何生成無間距(頂部和底部)的PNG文本
- 14. 頂部div出現在底部和底部到頂部
- 15. 爲什麼頂部和底部填充是浮動元素?
- 16. 切斷頂部和/或底部PF SVG元素
- 17. Java集合 - 頂部和底部n元素
- 18. CSS:IE剪輯頂部和底部關閉元素
- 19. 如何設置具有頂部,中間和底部元素的佈局?
- 20. 頂部和底部邊框
- 21. UIWebView的重裝/如果發生在頂部或底部
- 22. PHP:讀取底部頂部的變量
- 23. VideoDisplay和頂部和底部的黑色
- 24. 刪除地圖的頂部或底部的n個元素
- 25. 頂部僞元素的堆棧頂部
- 26. 帶有CSS的條形圖,如何從底部到頂部填充,而不是從頂部到底部?
- 27. 如何通過僅使用jquery動畫元素底部到頂部
- 28. 將兩個元素對齊表格單元格的頂部和底部
- 29. jQuery的動畫元素顯示 - 底部到頂部
- 30. css位置元素的頂部到窗口底部
你想有一個凹形?感謝男人! –
http://stackoverflow.com/questions/16388078/is-a-concave-border-radius-possible –