javascript - 创建没有边界半径的圆 Angular block

标签 javascript jquery html css web

我创建了自己的网站,但我无法理解如何正确创建圆 Angular block (请参见此处图片中的红色矩形:https://dl.dropboxusercontent.com/u/43315655/planeto-template.jpg)

此 block 将显示在不同的屏幕上(从 960 像素到高清)。我曾尝试使用 border-radius,但这是错误的。

请帮助我提供任何链接、建议或代码示例:)

最佳答案

您发布的图像是一个 HTML 模板。如果他们做到了,您认为这不可能吗?

就是,就是在左下角和右下角加一个边框。一个值是 100%,另一个是您希望曲线停止的高度:

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

fiddle :http://jsfiddle.net/yqf9a/1/

关于javascript - 创建没有边界半径的圆 Angular block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22173424/

相关文章:

javascript - Google Places AutoComplete - 单击链接即可运行函数

javascript - 达到触发点后添加不透明度过渡

javascript - 如何将数组从 html 发送到 node.js,然后再发送到 mongodb?

javascript - 如何在 JavaScript 中对两个对象数组执行内部连接?

javascript - Chartjs - 为标签雷达图添加背景颜色

php - 下拉列表框中的复选框内的复选框

javascript - 追加 div "n"次,其中 "n"是另一个 html div 内的值

html - 创建将显示相应表格列的事件或函数或 css 样式

javascript - jQuery隐藏iframe文件上传

java - 如何将 JavaScript 与 gwt Uibinder 一起使用