HTML可视化微调工具
v2.0
未上传文件
更换文件
重置
编辑
预览
下载
上传你的 HTML 文件
点击下方按钮或直接拖拽文件到此处
选择文件
上传一个 HTML 文件后
右侧会自动显示可调节的样式
未选中任何元素
-
元素操作
删除
隐藏
吸取样式
应用样式
格式刷:未吸取
已隐藏元素
显示全部
文字
字号
16px
粗细
极细 (100)
特细 (200)
细体 (300)
常规 (400)
中等 (500)
半粗 (600)
加粗 (700)
特粗 (800)
极粗 (900)
400
行距
1.5
字间距
0px
颜色
字体
i
保持原字体
宋体
黑体
微软雅黑
Arial
Georgia
思源黑体 (Noto Sans SC)
思源宋体 (Noto Serif SC)
站酷快乐体
站酷小薇体
站酷庆科黄油体
马善政毛笔楷书
霞鹜文楷
对齐
间距
外边距
0px
内边距
0px
外观
背景
透明度
100%
圆角
0px
边框色
边框宽
0px
宽度
auto
高度
auto
元素选择
可使用方向键选择元素
选中父级
选中下级
上一同级
下一同级
全选同级
组件内部结构
−
布局微调
精准移动或拖拽
推荐精准移动
位移
步长
px 按住连续移动
0.5
1
2
5
10
20
40
与基准对齐
选择基准元素
未选择基准
清除基准
顶部对齐
垂直居中
底部对齐
左对齐
水平居中
右对齐
先「选择基准元素」在预览区点选参照物,再选中要对齐的元素(可用「全选同级」批量选)。多选时整体对齐并保持相对位置,需开启上方开关生效。
替换媒体
选择图片
选择后自动转 Base64 内嵌
应用
替代文字
填充方式
默认
拉伸填满(可能变形)
等比完整(可能留白)
等比裁切(填满)
原尺寸
取较小显示
请选中一个图片元素后可替换
财务模板库
财务主题
警示色
增长色
强调色
斑马纹底色
指标卡背景
指标卡边框
指标卡圆角
指标卡内边距
币种符号
¥ 人民币
$ 美元
€ 欧元
£ 英镑
自定义…
恢复默认
套用范围
仅当前
含子元素
仅文本
清除套用样式
选中元素后点击套用 / 清除样式
能力边界
:本工具用于微调
现有元素
的样式与内容(文字、颜色、间距、图片属性等)。 不支持:新增元素、修改 CSS 类名 / 脚本、调整响应式断点、更改链接 / 表单结构等 HTML 属性。
编辑中
B
A
保存
取消
先选中文字再点 B / A · Ctrl+Enter 保存
编辑选项文字
每行一个选项 · 空行忽略
保存
取消
Ctrl+Enter 保存 · ESC 取消 · 点外部取消
编辑 SVG 文字
多段 tspan 会合并为单段
保存
取消
Ctrl+Enter 保存 · ESC 取消 · 点外部取消
webto.work
举报该页面
×
取消
提交举报
✓
举报成功
感谢你的反馈,我们会尽快核实处理。
完成