浅谈border与border-radius的应用

轩陌

分类: 解决问题 3286 0

利用border与border-radius可以做些什么事

border:边框宽度  样式  颜色

border-radius语法:

border-top-left-radius: 20px 10px;

border-top-right-radius: 20px 10px;

border-bottom-left-radius: 20px 10px;

border-bottom-right-radius: 20px 10px;

利用颜色透明值(transparent),边框圆角;可做些小箭头  风车  太极等效果,东西不是很炫  是个小技巧

一些其他的css demohttps://css-tricks.com/examples/ShapesOfCSS/

DEMO展示

  • 4人 Love
  • 1人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
border应用

作者简介: 轩陌

打赏

生命的意义在于折腾,一直努力成长中,期待梦想实现的那刻。

共 0 条评论关于 “浅谈border与border-radius的应用”

Loading...