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

Question

您好，我有简单的 h2，我想更改该注册商标的大小。有人可以帮我解决这个问题吗？h2 {  color: #fff}<h2>Lorem®</h2>

Answer 1

首先，我添加color: #fff了注释，使文本不是白色的 - 这使得更容易看到示例！

为了给特定的文本片段添加样式，我总是会span在它周围放置一个标签。在这里，我给这个标签指定了class“商标”。

在 CSS 中，您可以使用 更改商标的大小font-size。在我的示例中，我已将商标做得小得多，但您可以对它做任何您想做的事情！

h2 {

  /*color: #fff*/

}

.trademark {

  font-size: 12px;

}

<h2>

  Lorem<span class="trademark">®</span>

</h2>

Answer 2

这是您要找的吗？

注意我已将商标符号替换为名称代码并注释了颜色，以便您可以看到，但只需根据需要更改这些即可。

首先，您可能需要将上标视为此类事物的标准。

h2 {

/* color: #fff */}

/* To customise size of text in a superscript use:

sup { 

font-size: whatever you like but the default looks nice }*/

<h2>Lorem^&reg</h2>

或者，您可以将其包装在跨度中并对其进行自定义。我选择了 15px 的字体大小，但可以根据需要更改它！

h2 {

/* color: #fff */}

span{ 

font-size: 15px;}

<h2>Lorem<span>&reg</span></h2>

Answer 3

在 .html 文件中

<h2>

    Lorem<span id="trademark">&reg</span>

</h2>

并在 .css 文件中添加此内容（40px 是可选的）

#trademark{

    font-size: 40px;

}