带大家快速了解下CSS initial-letter属性，可以更好地设置首字母的排版效果。
文章关键字 ‘shape-outside’
CSS initial-letter属性，嗯……也就这样吧
2024年03月21日，星期四CSS实现平行四边形布局效果
2019年04月20日，星期六
写给自己看的CSS shapes布局教程
2019年02月2日，星期六
本文详细介绍CSS Shapes布局，兼容性不错，移动端项目和中后台项目都可以使用，可以实现很多很棒的布局效果，需要和浮动配合使用。不仅支持基础图形，还支持PNG，SVG图像，以及渐变图形的环绕效果。是非常值得学习的一种布局方式。
借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海
2017年09月19日，星期二iPhone X造型上有个显著的特质，就是有个明显的刘海。
然后，也出现了一些酷酷的交互，例如页面滚动的时候，列表会自动绕着iPhone X的刘海排列。看微博评论，好像觉得这个效果实现很难，实际上，CSS3里面针对这种特定形状环绕的效果已经支持很久了，CSS3 Shapes和CSS3 Regions都是可以实现的，本文就将展示如何使用CSS3 Shapes实现元素内容在滚动的时候自动环绕iPhone X的齐刘海的效果。
我的应用
我的应用