gpt4 book ai didi

html - CSS 将 html 实体作为内容

转载 作者:搜寻专家 更新时间:2023-10-31 08:18:26 25 4
gpt4 key购买 nike

<分区>

使用 css content 属性,我试图在元素之后放置一个 HTML 实体。

这是我的 HTML:

<table id="tic" cellpadding="0" cellspacing="0" border="5" bordercolor="black" bordercolorlight="gray" bgcolor="white">
<tr>
<td width="55" height="55" class="x"></td>
<td width="55" height="55" class="o"></td>
<td width="55" height="55" class="x"></td>
</tr>
<tr>
<td width="55" height="55" class="o"></td>
<td width="55" height="55" class="x"></td>
<td width="55" height="55" class="o"></td>
</tr>
<tr>
<td width="55" height="55" class="x"></td>
<td width="55" height="55" class="o"></td>
<td width="55" height="55" class="x"></td>
</tr>
</table>

还有我的 CSS:

table{
text-align:center;
font-size:2em;
font-weight:bold;
}
td.o:after{
content:"&#9675;";
font-weight:bold;
}
td.x:after{
content:"&#x2716;"
}

不幸的是,我得到的不是 ○ 字符和 ✖ 字符,而是实体名称。

FIDDLE

我该如何解决这个问题?谢谢!

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com