css设置圆角
时间: 2023-07-16 07:15:30 浏览: 51
可以使用 CSS 的 `border-radius` 属性来设置圆角,具体使用方法如下:
```css
/* 设置四个圆角都为 10px */
border-radius: 10px;
/* 设置左上角和右下角为 10px,其他圆角为默认值 0 */
border-radius: 10px 0 0 10px;
/* 设置左上角为 50%,其他圆角为默认值 0 */
border-radius: 50% 0 0 0;
```
其中,可以指定 1 个、2 个、3 个或 4 个值,分别对应左上角、右上角、右下角和左下角的圆角半径。如果指定的值不足 4 个,则剩余的值会按照顺序重复使用,例如 `border-radius: 10px 20px` 就相当于 `border-radius: 10px 20px 10px 20px`。还可以使用百分比来指定圆角半径,例如 `border-radius: 50%` 就是将元素变成一个圆形。
相关问题
css 设置div圆角
你可以使用 CSS 的 border-radius 属性来设置 div 元素的圆角。例如,如果你想让一个 div 元素的四个角都是圆角,可以这样写:
```css
div {
border-radius: 10px;
}
```
如果你想只让一个 div 元素的左上角和右下角为圆角,可以这样写:
```css
div {
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
```
你也可以分别设置四个角的圆角大小,例如:
```css
div {
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 40px;
}
```
这样的话,左上角的圆角半径为 10px,右上角的圆角半径为 20px,右下角的圆角半径为 30px,左下角的圆角半径为 40px。
css tr 设置圆角边框
你可以使用 CSS 3 的 border-radius 属性来设置圆角边框,示例代码如下:
```css
tr {
border: 1px solid #ccc;
border-radius: 10px;
}
```
这会将表格行的边框设置为 1 像素宽的实线边框,圆角的半径为 10 像素。你可以根据需要调整边框的宽度、样式、颜色和圆角的大小。