手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

CSS中如何给圆角加边框

时间:2024-10-24 21:11:58

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中如何给圆角加边框
© 手抄报圈