css制作圆角矩形

 时间:2024-10-14 13:32:41

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

css制作圆角矩形

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

css制作圆角矩形

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

css制作圆角矩形

4、所有代码:<!DOCTYPE html><html><head><meta charset="U皈其拄攥TF-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“无法打开文件,因为内容有错误”的解决
  • 热门搜索
    中国旅游网站排名 西安旅游报价 北极光旅游 湘西旅游网 冰岛旅游价格 甘肃省旅游局 龙岩旅游景点大全 德国旅游必去的地方 山东半岛旅游 上海到黄山旅游