css制作圆角矩形

 时间:2026-02-13 02:28:59

1、新建html页面,在html页面创建div标签。如图:

css制作圆角矩形

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

css制作圆角矩形

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

css制作圆角矩形

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>

  • 有道云笔记如何更换背景色?
  • Word2021怎么统计字数
  • 什么是文档控制?文档控制有什么作用?
  • 什么是数据库
  • word“无法打开文件,因为内容有错误”的解决
  • 热门搜索
    过犹不及的意思 毕福剑说了什么话 养小鬼什么意思 什么羊奶粉好 点缀的意思 不识庐山真面目只缘身在此山中的意思 px是什么意思 法定代表人是什么意思 皮包公司是什么意思 生长素的生理作用