更圆角-Border Radius CSS

卡米尔

我希望在CSS中做更多的圆角处理,以获得这样的结果:

左上角

目前,我有以下代码:

border-radius: 0 400px 0 0;

结果是:

右上角

即使我放置50px或1000px,第二个值也不会改变拐角。

有没有办法使边框半径相似?

皮特

您将需要延长边界半径:

.test {
  border: 1px solid black;
  text-align:center;
  
  /* border-top-left-radius: horizontal vertical */
  border-top-left-radius: 50px 20px;
}
<div class="test">
  lorem ipsum
</div>

更多信息

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

CSS Border Radius问题

CSS Border Radius Second Radius说明

CSS border-radius xy是否存在?

CSS过渡移除border-radius属性

CSS border-radius:20px

CSS3的border-radius属性和border-collapse:collapse不能混合使用。如何使用边框半径创建带有圆角的折叠表格?

CSS Arch是否可以使用border-radius?

CSS:border-radius //插入背景;白角

使用border-radius CSS时平滑边框

带有圆角的Pygame按钮,border_radius参数不起作用

根据兄弟姐妹的宽度动态设置CSS border-bottom-left-radius

切換到 gatsby-plugin-image 後,CSS Border Radius 在 Safari 中不起作用

我可以使用CSS border-radius属性制作椭圆吗?

CSS padding 和 border-radius 未在移动设备上应用

如何向下拉蚂蚁设计元素添加border-radius CSS属性?

CSS:IE 中的多个 bgs、bg clip 和 border-radius

border-radius和-webkit-border-radius之间的区别

当父窗格在JavaFX中具有-fx-border-radius时,子窗格css样式

一个人如何才能将CSS属性(如border-radius)与transitionables一起使用

当 CSS 框改变大小时,为什么 Border-Radius 比率会发生变化

在Javascript中绘图时导致圆角更圆的数字

是Safari中border-radius的bug?

Border Radius Bottom Bug React Native

字体真棒:Fa Bars-Border Radius

如何在shinyApp中将border-radius设置为valueBox()?

border-radius使div高于其应有的范围

border-radius在MacOS / -webkit-中不起作用

使用`border-radius`创建一个圆

如何理解border-radius的工作方式