前端特殊符号展示的三种方式

最新推荐文章于 2024-04-07 16:58:34 发布

Zh.冠军

最新推荐文章于 2024-04-07 16:58:34 发布

阅读量1k

点赞数

文章标签：前端 javascript css

本文链接：https://blog.csdn.net/weixin_38673922/article/details/122253381

版权

本文介绍了如何使用CSS、HTML和JavaScript为电话号码添加图标，包括在HTML中直接使用字符'•'，CSS定义前缀样式，以及JavaScript动态插入Unicode字符'☎'。通过实例展示了基础的前端开发技巧。

摘要由CSDN通过智能技术生成

一、效果图：
在这里插入图片描述

二、代码块：

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
		</head>
		<style type="text/css">
			.phoneNumber::before {
			    content:'\260E';
			    font-size: 15px;
			}
		</style>
		<body>
			css实现：<span class="phoneNumber"><span><br>
			html实现：<span>&#9742</span><br>
			js实现：<span id="box"></span>
			<script type="text/javascript">
				document.getElementById('box').innerHTML = '\u260E'
			</script>
		</body>
	</html>