CSS中如何给圆角加边框?

时间:2026-02-16 05:32:33

1、先要建立一个DIV,并且设置好相关的属性,比如宽高大小等,代码如下:

.radis{

width: 200px;

height: 100px;

background: pink;

}

<div class="radis"></div>

CSS中如何给圆角加边框?

2、第二步,先不着急给边框,顺序应该是先给圆角符,然后在设置边框,代码如下:

border-radius: 10px;

CSS中如何给圆角加边框?

3、最后,加上一个最重要的边框属性,这个属性是可以更改边框颜色的,具体根据实际需求去判断,代码如下:

.radis{

width: 200px;

height: 100px;

background: pink;

border-radius: 10px;

border:1px solid red;

}

CSS中如何给圆角加边框?

© 2026 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com