CSS3教程 为元素添加圆角边框

 时间:2026-02-14 21:05:59

1、新建一个 RoundedBorder.html 文件,如图所示:

CSS3教程 为元素添加圆角边框

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

CSS3教程 为元素添加圆角边框

3、输入网页结构的头部和主体

设置title为:为元素添加圆角边框

设置网页编码:utf-8

规定元素内容的语言:zh-cmn-Hans

CSS3教程 为元素添加圆角边框

4、给div标签添加CSS属性,使其变成一个100X100px,背景色为红色的正方形,如图所示:

CSS3教程 为元素添加圆角边框

5、给div标签添加圆角边框,如图所示:

CSS3教程 为元素添加圆角边框

6、运行网页,可以看到圆角边框已经被实现了,如图所示:

CSS3教程 为元素添加圆角边框

  • 原神怎么找遗漏的绯红玉髓
  • 靖世九柱的珠子怎么得
  • 原神稻妻白狐之野两个雷神瞳怎么拿
  • 《原神》璃月懂古玩的人具体位置是什么
  • 原神无相之冰下面两个仙灵在哪里
  • 热门搜索
    江苏宿迁旅游 高铁旅游线路 龙门铁泉旅游度假区 南京到黄山旅游攻略 大理丽江香格里拉旅游攻略 遵化旅游景点大全 成都到峨眉山旅游攻略 榆林周边旅游景点大全 浙江临海旅游 香港大屿山旅游攻略