免费在线CSS首字下沉生成器，可视化设置initial-letter属性，支持大小、行数、偏移等参数，实时预览首字下沉效果，一键复制CSS代码。纯前端本地运行。
零依赖·可离线使用
Updated: 2026-07-11
👁️ 实时预览
在排版设计中，首字下沉（Drop Cap）是一种经典的装饰手法，将段落第一个字母放大并占据多行高度，使文章开头更加醒目和优雅。这种技法源自中世纪的手抄本装饰传统，至今仍广泛应用于书籍、杂志和网页设计中。CSS的initial-letter属性让实现首字下沉变得简单而灵活。
📋 CSS代码
💡 使用说明
- initial-letter：CSS属性，控制首字母占据的行数和偏移
- 大小(行数)：首字母跨越的文本行数，通常2-5行
- 偏移(raise)：首字母向上提升的行数
- 兼容性：Chrome 110+、Safari 9+、Firefox 未见支持，建议配合float降级方案
- 纯前端工具，所有设置即时生效