【问题标题】:How do you make an item with display:block have rounded corners?如何使用 display:block 制作具有圆角的项目?
【发布时间】:2016-03-17 21:30:24
【问题描述】:

我正在制作一个下拉导航栏,并且我正在使用带有 display:block 的项目。如何使 display:block 正在修改的区域具有圆角?

【问题讨论】:

  • display: block 与元素的形状没有任何关系。这更像是一种表示您希望它拥有自己的路线的方式。

标签: css block display


【解决方案1】:

对其应用border-radius

#block {
  display:block;
  border-radius: 10px;
}

JSFiddle

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-11-05
    • 2019-02-27
    • 1970-01-01
    • 1970-01-01
    • 2021-10-07
    • 2013-05-08
    • 1970-01-01
    • 2022-12-03
    相关资源
    最近更新 更多