html - 如何设置html标题标签的大小

Question

我有如下html代码

<a href="www.example.com" title="example">Link</a>

我想要的是更改标题的大小背景颜色和其他属性。可能吗？

Answer 1

我不认为你可以设置标题的样式，但你可以通过在悬停时使用带有 CSS :after 伪元素的数据属性来模拟它的功能:

a {
  position: relative;
}

a:hover:after {
  content: attr(data-title);
  position: absolute;
  font: 10px verdana;
  top: -110%;
  left: 0;
  background: #ace;
  color: black;
  box-sizing: border-box;
  border: 1px solid gray;
  border-radius: 20%;
  padding: 3px;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<a href="www.example.com" data-title="example">Link</a>