CSS 圆角

CSS 圆角能做什么

每个角是 0 到 400 的像素值。和「盒阴影」不同，只改圆角。复制 CSS 声明。不用上传图片。

CSS 圆角的操作控件在这篇说明之后才加载，搜索引擎仍能读到用法。/css-border-radius 是本工具的规范地址。处理在本机完成，Tool-You 不会为CSS 圆角保存你的文件或粘贴文本。

如何使用CSS 圆角

1. 这项设计任务请用CSS 圆角（css border radius）。CSS 阴影是相邻工具（实时调节 box-shadow。），但不是同一个。
2. 加入CSS 圆角所接受的文件类型。路径提示：css border radius。预览并复制四角 border-radius。
3. 只调整与CSS 圆角匹配的选项。相邻的渐变生成是另一件事（生成 CSS 渐变与 PNG。）。工具说明：每个角是 0 到 400 的像素值。和「盒阴影」不同，只改圆角。复制 CSS 声明。不用上传图片。
4. 在本标签页运行CSS 圆角。仍受浏览器内存限制：四角 0–400 px。复制 border-radius 声明。不是盒阴影。
5. 从CSS 圆角下载或复制结果。若任务选错了，请改用CSS 阴影。

什么情况下不要用CSS 圆角

如果相邻工具更合适，请不要用CSS 圆角，先看CSS 阴影或渐变生成；或者说明里已经提示会失败时也不要用。本工具原话：每个角是 0 到 400 的像素值。和「盒阴影」不同，只改圆角。复制 CSS 声明。不用上传图片。

关于CSS 圆角的常见问题

CSS 圆角和其他设计页面有什么不同？

每个角是 0 到 400 的像素值。和「盒阴影」不同，只改圆角。复制 CSS 声明。不用上传图片。 简短说：预览并复制四角 border-radius。

CSS 圆角会把文件或文本上传到 Tool-You 服务器吗？

不会。CSS 圆角在当前浏览器标签页运行，文件留在本机。限制说明：四角 0–400 px。复制 border-radius 声明。不是盒阴影。

我是否该用CSS 阴影而不是CSS 圆角？

需要「预览并复制四角 border-radius。」时用CSS 圆角；需要「实时调节 box-shadow。」时用CSS 阴影。同属设计，但不是同一项工作。

CSS 圆角有哪些限制？

四角 0–400 px。复制 border-radius 声明。不是盒阴影。 另外：每个角是 0 到 400 的像素值。和「盒阴影」不同，只改圆角。复制 CSS 声明。不用上传图片。