CSS中的形状大小的链接

Question

我是CSS和HTML的新手，所以这可能是一个愚蠢的问题。 我有一个内部有文字的形状。有没有办法创建一个形状大小的链接，而不仅仅是一个文本大小的链接？

请参见下图。整个黑暗的形状应该是链接：

这是我到目前为止所做的：

＆＃13;

＆＃13;

a {
  font-family: Calibri, sans-serif;
  background: black;
  color: white;
}

＆＃13;

<a href="#">Videos</a>

＆＃13;

＆＃13;

＆＃13;

提前致谢！

Answer 1

您可以简单地使用<a>使display: block;标签成为块级元素。现在，您可以应用width和height属性来创建黑色矩形：

a {
  font-family: Calibri, sans-serif;
  font-size: 2.8em;
  background: black;
  color: white;
  text-decoration: none;
  display: block;
  width: 300px;
  height: 170px;
  padding: 2px 12px;
  text-align: right;
}

<a href="#">Videos</a>