按钮组件如何设置指定圆角弧度?

应用场景:老板Tom经营一家儿童玩具网站,他希望网站的样式元素能不拘一格,将按钮设计成类似糖果的奇异形状,让网站整体风格更加童趣化,提升网站的整体氛围。

发布功能:打开按钮组件设置弹窗,选择“风格”页签,可自定义编辑在初始样式和悬停样式下按钮的圆角弧度,支持分别设置四个圆角的弧度。


操作步骤:添加按钮组件,鼠标悬停按钮上,点击设置——风格,圆角弧度设置需要的数值;(设置好要点击右上角保存——发布哦)


按钮组件添加

按钮设置

按钮风格

圆弧设置


参考样式:

按钮圆角弧度

今日最后14个免费网站测评