css如何给圆形添加边框 _css+html

在css中，可以使用border属性来添加边框，并可以设置边框的颜色、宽度、线型。下面小编举例讲解css如何给圆形添加边框。

需要这些哦
css+html
代码编纂器：z studio 10.0
方式/
1【css如何给圆形添加边框】新建一个html文件，定名为test.html，用于讲解css若何给圆形添加边框。

2在test.html文件内，利用div标签建立一个模块。

3在test.html文件内，设置div标签的class属性为mydiv 。

4在css标签内，经由过程class设置div的样式，界说div的布景颜色为绿色，宽度为100px，高度为100px，同时，将border-radius设置为50%，建造出圆形。

5在css标签内，再将border属性设置div的边框为红色实线5px宽的边框。

6在浏览器打开test.html文件，查看实现的结果。

总结：11、利用div标签建立一个模块，设置div标签的class属性为mydiv 。 2、在css标签内，经由过程class设置div的样式，界说div的布景颜色为绿色，宽度为100px，高度为100px，同时，将border-radius设置为50%，建造出圆形。 3、在css标签内，再将border属性设置div的边框为红色实线5px宽的边框。 4、在浏览器打开test.html文件，查看实现的结果。

以上内容就是css如何给圆形添加边框的内容啦，希望对你有所帮助哦！

css如何给圆形添加边框

猜你喜欢