坠入海底世界（学习黑师乌龟赛跑移动效果）

南无月

HUACHAO

南无月

@马黑黑 老师来救个命，这个图标出不来了。。

南无月

content: '🐬';

马黑黑

南无月 发表于 2023-7-2 12:50 @马黑黑 老师来救个命，这个图标出不来了。。

测试：伪元素用 Emoji图标

马黑黑

伪元素在论坛里要正常显示Emoji 文本图标，可参考如下示例：

#mydiv::after {
    content: '\1F40B';
}

其中，\1F40B 是鲸鱼 Emoji 字符的 Unicode 编码，前面需要一个 \ 来引导。

在 Emoji 官网，每一个文本图标都会提供相应的 Unicode 编码，通常表示为如下示例：

U+1F40B

在伪元素中的 content 属性里使用时，U+ 用 \ 代替

马黑黑

南无月 发表于 2023-7-2 12:50
content: '🐬';

你这是十进制的 Emoji 字符，在 HTML 代码里可以使用，在 CSS 中如何使用，请看楼上我的回复

南无月

马黑黑 发表于 2023-7-2 13:26
伪元素在论坛里要正常显示Emoji 文本图标，可参考如下示例：

#mydiv::after {

图标是在这里找的https://www.emojidaquan.com/都是直接复制过来用的。。。
Unicode 编码，这个编码又不知道从哪里可以看到了。。。

南无月

马黑黑 发表于 2023-7-2 13:29
你这是十进制的 Emoji 字符，在 HTML 代码里可以使用，在 CSS 中如何使用，请看楼上我的回复

就是直接复制出来用的。。。

南无月

马黑黑 发表于 2023-7-2 13:11
#mydiv::before { content:'\26BD';}

这个可以直接显示，原来也是加了斜杠。。。

南无月

马黑黑 发表于 2023-7-2 13:11
#mydiv::before { content:'\26BD';}

加泡泡的下午再整，烧脑中。。。

马黑黑

南无月 发表于 2023-7-2 13:37
这个可以直接显示，原来也是加了斜杠。。。

要用 Unicode 编码字符，论坛自动转换的是十进制

马黑黑

南无月 发表于 2023-7-2 13:38
加泡泡的下午再整，烧脑中。。。

马黑黑

南无月 发表于 2023-7-2 13:36
图标是在这里找的https://www.emojidaquan.com/都是直接复制过来用的。。。
Unicode 编码，这个编码又不 ...

你点这个页面的Emoji图标，会进入另一个页面

红影

这个海底世界真漂亮。还有个只沉船呢。把小乌龟放到这里十分合适。欣赏月儿好帖

红影

不知道月儿是否加过了，我这里看不到图标

小文

动物世界

南无月

马黑黑 发表于 2023-7-2 13:11
#mydiv::before { content:'\26BD';}

我加了泡泡，一楼显示不正常了。。。
你看看这里，是正常的。
https://www.huachaowang.com/foru ... page%3D3&page=2

南无月

马黑黑 发表于 2023-7-2 13:39
要用 Unicode 编码字符，论坛自动转换的是十进制

还有许多讲究。。。后面细看。。

南无月

马黑黑 发表于 2023-7-2 13:39

这是黑山牌的甜茶