在线CSS丝带生成器 - 纯CSS Ribbon·缎带·标签样式一键生成

← 返回首页

丝带颜色 #ef4444

文字颜色 #ffffff

丝带文字

字体大小 14px

丝带宽度 160px

丝带高度 36px

折叠三角大小 8px

位置

样式

预览区域

/* CSS代码将显示在这里 */

📢 广告位预留

💡 使用说明

左侧调整颜色、大小、位置等参数，右侧实时预览效果
三种样式：折叠式(经典三角折叠)、直条式(简洁长方形)、旗帜式(燕尾旗)
点击"复制CSS代码"直接粘贴到项目中使用
纯CSS实现，无需JavaScript，兼容所有现代浏览器