CSS 箭头生成器
步 1 / 2
在浏览器中创建简单的 CSS 箭头。选择右、左、上或下,以及颜色、正方形尺寸和边框粗细,然后复制生成的 .arrow 规则。
创建 CSS 箭头
-
1
选择方向
选择右、左、上或下。
-
2
设置外观
设置颜色、尺寸和以像素为单位的粗细。
-
3
复制 CSS
检查预览后复制规则。
生成器会创建一个正方形 .arrow 元素,使用 display: inline-block、相同的宽高、右边框和下边框,并为四个方向应用旋转。
它不生成边框三角形、clip-path、SVG、渐变、斜向箭头或工具提示尾巴,也不提供 HTML、布局验证或兼容性建议。请在自己的页面中测试复制的规则。
相关工具
ASCII 表参考
完整 ASCII 表,覆盖 0 到 127;列出每个代码的十进制、十六进制、八进制、二进制值和 HTML 数字字符引用写法,包括 NUL、LF、DEL。
HTML 字符参考
可搜索的 HTML 实体列表,含命名代码与数值代码,并支持一键复制特殊字符和符号。
键盘快捷键参考
搜索 macOS、Windows 和 Linux 上 VS Code、Chrome 以及使用 GNU Readline 的 Bash 的文档默认快捷键。
电话号码验证器
根据各国号码规划检查结构,并显示地区、类型以及E.164、国际、国内和RFC 3966格式。
随机颜色生成器
生成 1 到 50 个随机 HEX 颜色,查看色块,复制代码,并用于 CSS、测试或配色探索。
BBCode 转 HTML 转换器
将 BBCode(论坛标记)转换为干净的 HTML。支持格式标签、列表、引用、代码、图片和链接。