HTML中用代码怎么做出矩形框或圆框

2025-05-24 23:13:35

1、打开代码工具建立html文件,在body中建立几个h1标签,如图所示

HTML中用代码怎么做出矩形框或圆框

3、然后边框是border,对border设置粗细大小颜色就能展示了 border:solid 2px blue;

HTML中用代码怎么做出矩形框或圆框

5、如果想要将矩形变成椭圆,意思就是要将直角的转成圆角形状,转圆角就需要到border-radius的属性设置了

HTML中用代码怎么做出矩形框或圆框

7、如果想要创建一个正圆环,只要将宽高设置一样的数值就可以了,如图,将宽和高都设置为了200px,那么最后呈现的就是一个正圆环了。

HTML中用代码怎么做出矩形框或圆框
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢