border-radius的使用详解

 时间:2024-10-17 09:51:15

1、因为本人老是会忘记border-radius的多值使用方法,特地写来提醒自己的。最简单也是最常用的,就是一个值的情况,直接对边框的四个角进行设置。

border-radius的使用详解border-radius的使用详解

2、border-radius:20px 20px;border-radius后面接两个值的时候,分别表示上左下右、上右下左。

border-radius的使用详解border-radius的使用详解

3、border-radius:20px 20px 20px;border-radius后面接三个值是比较少见的。分别表示上左、上右下左、下右。

border-radius的使用详解border-radius的使用详解

4、bor蟠校盯昂der-radius:0 0 0 20px;border-radius后面接四个值的时候,分别表示上禾韧喹缎左、上右、下左、下右。还有另外一种写法:border-top-left-radius:20px;这种表示上左。可以通过这种指定位置的方法,来设置边框的圆角值。

border-radius的使用详解border-radius的使用详解
  • html无序列表怎么在div中居中?
  • 怎么通过css制作表格
  • 如何利用html制作网页水平导航菜单?
  • CSS3如何实现footer固定在底部
  • html首行缩进怎么设置
  • 热门搜索
    红红的美人脸淡淡柳眉愁是什么歌曲 牛肉怎么做好吃易烂 如何调整生物钟 gucci是什么牌子 如何喝酒 风光370怎么样 电脑蓝牙怎么用 如何制作豆腐脑 怎么样才能去黑头 qq怎么解除保护模式