如何用CSS改变注册商标的大小

Question

您好，我有简单的 h2，我想更改该注册商标的大小。有人可以帮我解决这个问题吗？

h2 {
 color: #fff}

<h2>Lorem®</h2>

Answer 1

首先，我添加color: #fff了注释，使文本不是白色的 - 这使得更容易看到示例！为了给特定的文本片段添加样式，我总是会span在它周围放置一个标签。在这里，我给这个标签指定了class“商标”。在 CSS 中，您可以使用 更改商标的大小font-size。在我的示例中，我已将商标做得小得多，但您可以对它做任何您想做的事情！h2 {&nbsp; /*color: #fff*/}.trademark {&nbsp; font-size: 12px;}<h2>&nbsp; Lorem<span class="trademark">®</span></h2>

Answer 2

这是您要找的吗？注意我已将商标符号替换为名称代码并注释了颜色，以便您可以看到，但只需根据需要更改这些即可。首先，您可能需要将上标视为此类事物的标准。h2 {/* color: #fff */}/* To customise size of text in a superscript use:sup {&nbsp;font-size: whatever you like but the default looks nice }*/<h2>Lorem^&reg</h2>或者，您可以将其包装在跨度中并对其进行自定义。我选择了 15px 的字体大小，但可以根据需要更改它！h2 {/* color: #fff */}span{&nbsp;font-size: 15px;}<h2>Lorem<span>&reg</span></h2>

Answer 3

在 .html 文件中<h2>&nbsp; &nbsp; Lorem<span id="trademark">&reg</span></h2>并在 .css 文件中添加此内容（40px 是可选的）#trademark{&nbsp; &nbsp; font-size: 40px;}