CSS 轮廓

CSS 轮廓能做什么

输出 outline: Npx 样式 色值。宽度 0–40 px。样式 solid、dashed、dotted、double。和盒阴影不同，不是投影。和圆角不同，不是圆角半径。

CSS 轮廓的实际限制是：宽度 0–40 px。样式 solid、dashed、dotted、double。十六进制颜色。可在本页复制 CSS。 所以效果可能不如大型桌面设计软件。请再读一遍本工具自己的说明：输出 outline: Npx 样式 色值。宽度 0–40 px。样式 solid、dashed、dotted、double。和盒阴影不同，不是投影。和圆角不同，不是圆角半径。

如何使用CSS 轮廓

1. 这项设计任务请用CSS 轮廓（css outline）。CSS 阴影是相邻工具（实时调节 box-shadow。），但不是同一个。
2. 加入CSS 轮廓所接受的文件类型。路径提示：css outline。生成轮廓宽度、样式和颜色。
3. 只调整与CSS 轮廓匹配的选项。相邻的CSS 圆角是另一件事（预览并复制四角 border-radius。）。工具说明：输出 outline: Npx 样式 色值。宽度 0–40 px。样式 solid、dashed、dotted、double。和盒阴影不同，不是投影。和圆角不同，不是圆角半径。
4. 在本标签页运行CSS 轮廓。仍受浏览器内存限制：宽度 0–40 px。样式 solid、dashed、dotted、double。十六进制颜色。可在本页复制 CSS。
5. 从CSS 轮廓下载或复制结果。若任务选错了，请改用CSS 阴影。

什么情况下不要用CSS 轮廓

如果相邻工具更合适，请不要用CSS 轮廓，先看CSS 阴影或CSS 圆角；或者说明里已经提示会失败时也不要用。本工具原话：输出 outline: Npx 样式 色值。宽度 0–40 px。样式 solid、dashed、dotted、double。和盒阴影不同，不是投影。和圆角不同，不是圆角半径。

关于CSS 轮廓的常见问题

CSS 轮廓和其他设计页面有什么不同？

输出 outline: Npx 样式 色值。宽度 0–40 px。样式 solid、dashed、dotted、double。和盒阴影不同，不是投影。和圆角不同，不是圆角半径。 简短说：生成轮廓宽度、样式和颜色。

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

不会。CSS 轮廓在当前浏览器标签页运行，文件留在本机。限制说明：宽度 0–40 px。样式 solid、dashed、dotted、double。十六进制颜色。可在本页复制 CSS。

我是否该用CSS 阴影而不是CSS 轮廓？

需要「生成轮廓宽度、样式和颜色。」时用CSS 轮廓；需要「实时调节 box-shadow。」时用CSS 阴影。同属设计，但不是同一项工作。

CSS 轮廓有哪些限制？

宽度 0–40 px。样式 solid、dashed、dotted、double。十六进制颜色。可在本页复制 CSS。 另外：输出 outline: Npx 样式 色值。宽度 0–40 px。样式 solid、dashed、dotted、double。和盒阴影不同，不是投影。和圆角不同，不是圆角半径。