无边界半径创建圆块

-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

回答