CSS按钮在线生成 - 小妖精工具箱 - 一站式在线实用工具平台

基础设置

按钮文字：

按钮尺寸：

宽度

高度

圆角半径：{{ borderRadius }}px

{{ borderRadius }}

字体大小：{{ fontSize }}px

{{ fontSize }}

字体粗细：

文字颜色

文字颜色：

边框设置

边框宽度：

边框样式：

边框颜色：

背景设置

背景类型：

背景颜色：

渐变方向：

渐变颜色停止点：

%

阴影设置

阴影设置：

水平

垂直

模糊

颜色

内边距

内边距：

上下

左右

{{ buttonText }}

工具说明

本工具可以在线可视化调整HTML按钮样式，并生成对应的CSS代码。

本工具中的按钮渐变背景使用的为"线性渐变"，渐变的颜色及颜色停止点可自行调整。

关于按钮的"Hover"效果，可以在按钮样式设置完成并获取CSS代码后，再次设置按钮样式来实现。

点击"点击生成CSS"按钮，可弹出生成的对应的CSS样式代码。

评论区

0条评论