CSS添加电话图标教程

访客 数码 2.8K

本教程教你如何添加电话图标?

1、 创建一个名为 Icon.html 的文件,内容所示。

CSS添加电话图标教程-第1张图片-佛山资讯网

2、 声明HTML5文档类型,确保浏览器按最新标准解析页面,所示。

CSS添加电话图标教程-第1张图片-佛山资讯网

3、 在网页头部设置标题为添加电话icon?,并在主体中按示例插入相应图标。

CSS添加电话图标教程-第1张图片-佛山资讯网

4、 用p标签包裹电话号码,设置类名为phoneNumber,样式示例所示。

CSS添加电话图标教程-第1张图片-佛山资讯网

5、 通过伪元素::before插入电话图标?,实现所示效果。

CSS添加电话图标教程-第1张图片-佛山资讯网

6、 打开网页后,电话图标?已成功显示,具体效果所示。

CSS添加电话图标教程-第1张图片-佛山资讯网

本文转载于:https://soft.zol.com.cn/1042/10429890.html 如有侵犯,请联系zhengruancom@outlook.com删除。
免责声明:正软商城发布此文仅为传递信息,不代表正软商城认同其观点或证实其描述。

标签: 图标 电话 所示

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~