html - 如何使用 CSS 更改注册商标的大小

Question

您好，我有简单的 h2，我想更改此注册商标的大小。有人可以帮我吗？

h2 {
color: #fff}

<h2>Lorem®</h2>

标签： htmlcss

Answer 1

首先，我color: #fff添加了注释，使文本不是白色的——这样可以更容易地查看示例！

要将样式放在特定的文本上，我总是会span在其周围放置一个标签。在这里，我给这个标签一个class“商标”。

在 CSS 中，您可以使用font-size. 在我的示例中，我将商标缩小了很多，但您可以对它做任何您想做的事情！

h2 {
  /*color: #fff*/
}

.trademark {
  font-size: 12px;
}

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