創建我自己的網站,我不明白如何正確地創建舍入塊(見圖片瀏覽紅色矩形:https://dl.dropboxusercontent.com/u/43315655/planeto-template.jpg)無邊界半徑創建圓塊
此塊將在不同的屏幕顯示(從960像素到高清)。我嘗試過使用border-radius,但這是錯誤的。
請幫助我的任何鏈接,建議或示例代碼:)
創建我自己的網站,我不明白如何正確地創建舍入塊(見圖片瀏覽紅色矩形:https://dl.dropboxusercontent.com/u/43315655/planeto-template.jpg)無邊界半徑創建圓塊
此塊將在不同的屏幕顯示(從960像素到高清)。我嘗試過使用border-radius,但這是錯誤的。
請幫助我的任何鏈接,建議或示例代碼:)
我不太知道你不理解邊界半徑,但W3C百科解釋瞭如何使用border-的radius屬性相當不錯:http://www.w3schools.com/cssref/css3_pr_border-radius.asp
也可以嘗試在CSS圓角半徑發電機:http://border-radius.com/
在談論w3c標準時,你不應該引用w3schools:http://www.w3fools.com/ – Pete
很高興知道,謝謝 –
我認爲使用border-radius屬性我不能創建這樣的塊,你可以在圖片。我嘗試過,但沒有成功。 – user3379230
您發佈的圖像是一個HTML模板。如果他們這樣做了,你不覺得這是可能的嗎?
這是,只是在左下角和右下角放置一個邊框。一個值是100%,另一種是你想要的曲線停止高度:
border-bottom-right-radius : 100% 100px;
border-bottom-left-radius : 100% 100px;
偉大的解決方案!!) – user3379230
你應該在Photoshop或Gimp的圖像,並使用它。 – csanonymus
csanonymous,這是錯誤的。有一些方法可以用純CSS來完成。這樣頁面加載速度更快。 –