CSS3圆角边框的详细讲解border-radius

 时间:2024-10-13 13:13:34

1、border-radius:10px;注:所有角都是用半径为10px的圆角。

CSS3圆角边框的详细讲解border-radius

2、border-radius:30px 40px 50px 60px;注:四个半径值分别表示:左上角 右上角 右下角 左下角 (顺时针);

CSS3圆角边框的详细讲解border-radius

3、border-raduis:20px 60px 40px;注:三个半径值分别表示:左上角 右上角和左下角 右小角。

CSS3圆角边框的详细讲解border-radius

4、border-radius:60px/40px;注:这两个半径值分别代表是水平/垂直方向的半径

CSS3圆角边框的详细讲解border-radius

5、border-raduis的单位不只是PX,它还可以是百分比或者em,但兼容性不太好。

  • PotPlayer截屏器如何设置为DXGI1.2采集
  • 奥德赛沙之国攻略
  • MOO音乐vip中心在哪里
  • 怎么注册学而思网校账号?
  • 生化2重制版里昂里关攻略28:躲避暴君追赶
  • 热门搜索
    小学生环保手抄报资料 生命安全手抄报 节约用水手抄报资料 舌尖上的年味手抄报 关于感恩手抄报内容 防火手抄报资料 安全手抄报花边 关于书的手抄报内容 手抄报的内容 感恩节的手抄报图片