开发者社区> 问答> 正文

轮播图如何添加圆角。有没有更方便的方式

已解决

image.png

展开
收起
游客br3ovivgmfdaq 2024-02-22 10:55:48 172 0
来自:钉钉宜搭
2 条回答
写回答
取消 提交回答
  • 如果问题得到了解决,辛苦点下采纳回答哦~
    采纳回答

    你好,宜搭轮播图组件设置圆角可以参考如下方式:
    image.png

    .vc-slider .slider-image-link-wrapper{
      /* 圆角大小可以随意调整 */
      border-radius: 20px;
    }
    
    2024-02-22 13:59:57
    赞同 展开评论 打赏
  • 为轮播图添加圆角一种常见且方便的方式是直接在CSS样式中对轮播图的容器或直接对图片元素设置border-radius属性。例如,如果你想让轮播图的每个角都呈现出10像素的圆角,你可以使用以下CSS样式:

    .carousel-image {
      border-radius: 10px;
    }
    

    在这里,.carousel-image 是你想要添加圆角的图片或图片容器的类名。

    2024-02-22 18:19:53
    赞同 展开评论 打赏
问答地址:
关联地址:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载