圆形案例说明

1,首先打开DW软件进入后,点击文件然后点击新建,然后选择HTML然后创建

圆形案例说明

圆形案例说明 圆形案例说明

 圆形案例说明

 

 

2,在<body></body>中间给他一个<div></div>

圆形案例说明

 

3,在<title>无标题文档</title>后面给他一个<style></style>然后在<style></style>中间给它一个div{}在括号里面给它一个宽为100 width:100px;,高为100 height: 100px; 然后在给他一个颜色为红色background:red; 然后在给一个border-radius的属性值设置为50px;

圆形案例说明

4,点击文件,点击另存为(A),然后会弹出一个框在文件名哪里打上一个文件名字然后点击保存

圆形案例说明

圆形案例说明 

 

5,点击圆形在点击在浏览器中打开,在点击选择谷歌浏览器,就可以在浏览器看见圆形的效果了

圆形案例说明

圆形案例说明

这是我所学到的圆形案例说明,所以我要分享给你们,希望可以帮助到你们。

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

 

上一篇:CSS常用居中方式


下一篇:echarts 遇到的坑