如何调整bslib组件中Card的圆角半径？

要让bslib的Card组件边角更圆润，可通过card()函数的class参数传入CSS样式或Bootstrap内置类实现。以下是3个实用示例：

• 前两个示例演示不同方式设置圆角半径
• 第三个示例展示快速修改卡片背景色

library(shiny)
library(bslib)

# UI逻辑
ui <- page_fluid(
  card(
    max_height = 200,
    card_header("Card 1"),
    card_body("STUFF"),
    class = "card-border-radius: 50rem;"
  ),
  card(
    max_height = 200,
    card_header("Card 2"),
    card_body("STUFF"),
    class = "border-radius: 20%;"
  ),
  card(
    max_height = 200,
    card_header("Card 3"),
    card_body("STUFF"),
    class = "bg-dark"
  )
)

# Server逻辑
server <- function(input, output, session) {
  
}

shinyApp(ui, server)

补充说明 #

• card-border-radius: 50rem;：用固定长度单位设置超大圆角，边角圆润效果明显
• border-radius: 20%;：用百分比单位，圆角大小会随卡片尺寸自适应变化
• bg-dark：Bootstrap内置样式类，可直接为卡片添加深色背景

内容的提问来源于stack exchange，提问作者Curtis