关注前端开发
关注用户体验

体彩6 1开奖结果:初识 CSS Shapes

海南 0至9 www.dg6lh.cn 先来看以下效果:右侧文本环圆环排版。

在未了解css shapes之前,实现这样的排版还是挺费事的,比如为每行设置不同的padding值。但是有了css shapes之后,两行css就搞定啦,一起来看看吧。

 

See the Pen css-shapes by cc (@glccgl) on CodePen.

实现以上效果的主要属性是shape-outside,该属性使用形状值来定义浮动区域的浮动,这将使得内联内容环绕着形状,而不是产生浮动的边框??梢酝ü夹魏炊ㄒ寤拘巫?。

shape-outside: circle(arg)??//创建圆
shape-outside:?polygon(arg);?//创建多边形
shape-outside: ellipse(arg);??//创建椭圆
shape-outside: inset(arg);??//创建矩形
赞(26)
未经允许不得转载:海南 0至9 » 初识 CSS Shapes
分享到: 更多 (0)

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #2

    Hi there, just became aware of your blog through Google, and found that it’s truly informative. I’ll be grateful if you continue this in future. Lots of people will benefit from your writing. Cheers!

    Karine Mary2周前 (03-11)回复
  2. #1

    润体乳

    大雷4个月前 (11-30)回复

themebetter 国内更好的WordPress主题服务商

立即前往
788| 646| 203| 515| 470| 736| 618| 918| 746| 462|