如何设置与 html 中 p 标签样式不同的红心表情符号样式？

Question

如何用红色显示我的心形表情符号？我不确定如何区分 p 标签样式和心形表情符号。有谁知道我该如何改变它的风格？

这是 html 代码中的 p 标签

<p style="position: absolute;
width: 252px;
height: 15px;
left: 80px;
top: 779px;
padding-top: 190px;
text-align: center;
color: #FFFFFF;">Made with &#10084; by WAP </p>

Answer 1

将其包裹在 span 标签中并更改颜色。

<p>Made with <span style="color: #ff0000;">&#10084;</span> by WAP </p>

Answer 2

我假设您使用 utf-8 编码。因此，您可以 select 与正文中的编码兼容的表情符号，即内部：

<p>sample text (your heart emoji)</p>

它会以同样的方式打印。确保编码是 utf-8 并且表情符号应该与其兼容，或者如果它是另一种编码，那么只需在互联网上搜索与您各自的编码兼容的表情符号并将其粘贴到文本中。

对于 utf-8，许多开发者使用的站点是：https://unicode.org/emoji/charts/full-emoji-list.html

Answer 3

您可以使用 <span> 标签包裹您的表情符号。参考这个：

<!DOCTYPE html>
<html>

<head>
  <title>Emoji Test</title>
</head>

<body>
  <p style="position: absolute;
        text-align: center;
        color: black;">Made with <span style="color:red;">&#10084;</span> by WAP </p>
</body>

</html>

如何设置与 html 中 p 标签样式不同的红心表情符号样式？

How to style red heart emoji differently from the style of p tag in html?

html

css

emoji