創建沒有邊界半徑的圓形塊
[英]Create rounded block without border-radius
問題描述
我創建了自己的網站，但我不明白如何正確創建圓形塊（請參見此處圖片中的紅色矩形： https : //dl.dropboxusercontent.com/u/43315655/planeto-template.jpg ）
該塊將顯示在不同的屏幕上（從960 px到高清）。 我已經嘗試過使用邊界半徑，但這是錯誤的。
請幫助我提供任何鏈接，建議或代碼示例：）
2 個解決方案
解決方案1
2 2014-03-04 14:02:17
您發布的圖像是HTML模板。 如果他們做到了，您不認為有可能嗎？
就是說，只需在左下方和右下方放置一個邊框即可。 一個值是100％，另一個是您希望曲線停止的高度：
border-bottom-right-radius : 100% 100px;
border-bottom-left-radius : 100% 100px;
小提琴： http : //jsfiddle.net/yqf9a/1/
解決方案2
0 2014-03-04 13:39:26
我不太確定您對邊界半徑不了解什么，但是W3C Wiki很好地解釋了如何使用border-radius屬性： http : //www.w3schools.com/cssref/css3_pr_border-radius.asp
也可以嘗試CSS Border Radius Generator： http : //border-radius.com/
html2canvas 1.0.0-rc.5 2019 不適用於圓角/邊框半徑（圖像始終為矩形）？
[英]html2canvas 1.0.0-rc.5 2019 not working with rounded corners/border-radius (image is always rectangular)?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.