無邊界半徑創建圓塊

-1

創建我自己的網站，我不明白如何正確地創建舍入塊（見圖片瀏覽紅色矩形：https://dl.dropboxusercontent.com/u/43315655/planeto-template.jpg）無邊界半徑創建圓塊

此塊將在不同的屏幕顯示（從960像素到高清）。我嘗試過使用border-radius，但這是錯誤的。

請幫助我的任何鏈接，建議或示例代碼:)

你應該在Photoshop或Gimp的圖像，並使用它。 – csanonymus

csanonymous，這是錯誤的。有一些方法可以用純CSS來完成。這樣頁面加載速度更快。 –

我不太知道你不理解邊界半徑，但W3C百科解釋瞭如何使用border-的radius屬性相當不錯：http://www.w3schools.com/cssref/css3_pr_border-radius.asp

也可以嘗試在CSS圓角半徑發電機：http://border-radius.com/

2014-03-04 13:39:26

在談論w3c標準時，你不應該引用w3schools：http://www.w3fools.com/ – Pete

很高興知道，謝謝 –

我認爲使用border-radius屬性我不能創建這樣的塊，你可以在圖片。我嘗試過，但沒有成功。 – user3379230

您發佈的圖像是一個HTML模板。如果他們這樣做了，你不覺得這是可能的嗎？

這是，只是在左下角和右下角放置一個邊框。一個值是100％，另一種是你想要的曲線停止高度：

border-bottom-right-radius : 100% 100px; 
border-bottom-left-radius : 100% 100px;

2014-03-04 14:02:17

偉大的解決方案!!） – user3379230

回答