6
A
回答
7
設置你的圖像作爲一個div背景圖像,並使用這種技術。在我的例子中,我使用了一種純紅色。
這裏我使用僞元素來創建頂部和底部的曲線。請注意,頂部和底部偏移量是每個僞元素高度的一半,邊框半徑設置爲50%。
div {
width:500px;
height:200px;
background:red;
position:relative;
overflow:hidden;
}
div:after,
div:before {
content:'';
background:white;
position:absolute;
top:-10px;
left:0;
width:100%;
height:20px;
border-radius:0 0 50% 50%;
}
div:after {
top:auto;
bottom:-10px;
border-radius:50% 50% 0 0 ;
}
<div></div>
相關問題
- 1. 在CSS中的曲線背景圖像
- 2. SVG曲線文本里面的路徑
- 3. jqplot下面的曲線圖
- 4. CSS與曲線
- 5. 像素彎曲法線圖
- 6. 曲線圖像超鏈接
- 7. joomla曲線圖像問題
- 8. 如何在沒有CSS的情況下曲線圖像
- 9. Css曲線頁腳
- 10. 捲曲 - 獲取頁面的圖像和css
- 11. CardView裏面的RoundCorner圖像
- 12. 滾動頁面時的曲線圖像路徑
- 13. CSS中的曲線菜單
- 14. 沿Bézier曲線的位置圖像
- 15. 用於圖像的曲線樣式
- 16. 處理:曲線上的透明圖像
- 17. 彎曲曲線內的折線圖
- 18. 如何更改用戶控件的CSS裏面的圖像
- 19. CSS - 左上角背景圖像(彎曲)
- 20. 用CSS/JS/jQuery彎曲圖像效果?
- 21. 獲取圖像重疊圖像裏面的div裏面的包裝
- 22. css - 在li裏面中心的圖像horizontaly
- 23. 固定圖像裏面的剪輯路徑css/html
- 24. Symfony2的Assetic - 從CSS-文件裏面路徑圖像
- 25. Gnuplot平面曲線
- 26. Android AlertDialog與圖像裏面
- 27. Css裏面出來的小插曲/發光效果
- 28. 上的曲線圖
- 29. CSS UL裏的圖像與文本
- 30. 一條曲線與背景圖像
是的,這個偉大的工程,日Thnx! – Bas