css制作圆角矩形

2025-05-03 11:38:54

1、新建html页面，在html页面创建div标签。如图：

2、创建圆角样式。创建圆角的样式class类，在div标签中引用class类。如图：

3、查看效果。保存html文件后，使用浏览器打开即可看到效果。如图：

4、所有代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>圆角矩形</title><style type="text/css">.fillet{width: 100px;height: 30px;border:1px solid red;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; }</style></head><body><div></div></body></html>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。