![[发呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)
![[疑问]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
一只兔的传说
敲代码的兔子
获得徽章 7
- #每天一个知识点#
CSS的"shape-outside"属性用于指定一个非矩形形状，使得文本和其他元素可以环绕其周围布局，创造出各种有趣的排版效果。
通过设置"shape-outside"属性，我们可以定义一个元素的形状，并使得文本或其他元素在布局时按照该形状进行环绕。
"shape-outside"属性还可以使用其他形状函数，如"polygon()"用于创建多边形形状、"ellipse()"用于创建椭圆形状等。
使用"shape-outside"属性可以创造出非常独特和吸引人的布局效果，如文字环绕图片、元素环绕自定义形状等。它在杂志风格的页面、文章排版、图文混排等场景中非常有用，并为设计师提供了更多控制排版的可能性。
需要注意的是，"shape-outside"属性的兼容性存在一些限制，不同浏览器对于非矩形形状的支持程度可能会有所不同，因此在使用时需要适当考虑兼容性并进行测试。展开赞过 评论1
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)