border-radius两个角
时间: 2023-10-28 09:05:39 浏览: 303
border-radius属性可以用来设置一个元素的四个角的圆角大小。如果只想设置其中两个角的圆角大小,可以使用border-top-left-radius和border-top-right-radius属性或者border-bottom-left-radius和border-bottom-right-radius属性。
相关问题
border-radius八个角
border-radius属性可以用来设置一个元素的圆角。它可以接受1到4个值,分别对应元素的四个角。如果只有一个值,那么四个角都将使用这个值。如果有两个值,第一个值将应用于左上角和右下角,第二个值将应用于右上角和左下角。如果有三个值,第一个值将应用于左上角,第二个值将应用于右上角和左下角,第三个值将应用于右下角。如果有四个值,则分别对应左上角、右上角、右下角和左下角。
border-radius四个角
border-radius属性用于设置一个元素的边框圆角。它有两种用法:
1. 设置四个角的圆角大小:border-radius: top-left top-right bottom-right bottom-left;
例如:border-radius: 5px 10px 15px 20px; 表示左上角为5px,右上角为10px,右下角为15px,左下角为20px的圆角。
2. 设置两个角的圆角大小:border-radius: top-left-bottom-right bottom-left-top-right;
例如:border-radius: 5px 20px; 表示左上角和右下角为5px的圆角,右上角和左下角为20px的圆角。
阅读全文