zoukankan      html  css  js  c++  java
  • 不按常理出牌的圆角矩形

     

    我们对圆角矩形非常熟悉,比如在页面上经常出现这样的按钮。

    会写吗?当然会!只要定义border-radius就可以了。

    那好吧,写一个这样的圆角矩形怎么样?

    有点方型,有点圆型……放弃了,叫美工给我画一个。

    当然不能放弃,其实这就是用我们熟悉的border-radius

    那特型的是如何画出来的,我们先看看它的弯曲度

    这个怎么搞?每个边的弧度都不一样,border-radius的四个值分别控制的是四个角的弯曲度,来看看写法。

    这是什么写法?

    CSS3 border-radius 的属性中,除了可以给弯曲度写百分比之外,还可以加“/”。

    好啦!自己变化着试一试吧!

    想了解更多更好玩的图形画法,来关注v客学院的贴吧或者论坛吧!

  • 相关阅读:
    websocket
    svg vs canvas
    nw
    web sql
    web worker
    【转载】磁盘阵列详解
    【识记】开源软件系列
    【转载】从1.5K到18K 一个程序员的5年成长之路
    SQL中in和not in
    SQL Server select count(distinct *)
  • 原文地址:https://www.cnblogs.com/alicecan/p/8405171.html
Copyright © 2011-2022 走看看