CSS3教程 为元素添加圆角边框

2025-05-13 15:46:56

1、新建一个 RoundedBorder.html 文件,如图所示:

CSS3教程 为元素添加圆角边框

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

CSS3教程 为元素添加圆角边框

3、输入网页结构的头部和主体设置title为:为元素添加圆角边框设置网页编码:utf-8规定元素内容的语言:zh-cmn-Hans

CSS3教程 为元素添加圆角边框

4、给div标签添加CSS属性,使其变成一个100X100px,背景色为红色的正方形,如图所示:

CSS3教程 为元素添加圆角边框

5、给div标签添加圆角边框,如图所示:

CSS3教程 为元素添加圆角边框

6、运行网页,可以看到圆角边框已经被实现了,如图所示:

CSS3教程 为元素添加圆角边框
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢