手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

CSS怎么让span标签的轮廓变成圆角

时间:2024-10-12 10:57:39

1、新建一个html文件,命名为test.html,用于讲解CSS怎么让span标签的轮廓变成圆角。

CSS怎么让span标签的轮廓变成圆角

2、在test.html文件中,使用span标签创建一行文字,用于测试。

CSS怎么让span标签的轮廓变成圆角

3、在css标签内,使用background属性设置span标签的背景色为红色,再使用水瑞侮瑜border-radius属性设置它的轮廓弧度为5px。

CSS怎么让span标签的轮廓变成圆角

4、在浏览器打开test.html文件,查看结果。

CSS怎么让span标签的轮廓变成圆角
© 手抄报圈