Softonic

CSS 箭头生成器

步 1 / 2
下一步

在浏览器中创建简单的 CSS 箭头。选择右、左、上或下，以及颜色、正方形尺寸和边框粗细，然后复制生成的 .arrow 规则。

创建 CSS 箭头

  1. 1

    选择方向

    选择右、左、上或下。

  2. 2

    设置外观

    设置颜色、尺寸和以像素为单位的粗细。

  3. 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 的文档默认快捷键。

Markdown 图片生成器

生成带替代文本、title 属性和可选链接的 Markdown 图片语法。支持内联格式和引用格式输出。

IBAN 验证工具

在本地检查 IBAN 的注册国家长度、国内结构和 MOD 97-10 校验位。不上传数据，也不表示账户真实存在。

Luhn 算法校验工具

验证信用卡号、IMEI、SIN及其他受Luhn校验保护的号码。返回验证结果（通过或失败），并显示每个校验步骤及校验和计算过程。

此工具还提供其他语言版本