如何处理CSS中形状大小的链接?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (42)

我不熟悉CSS和HTML,所以这可能是个愚蠢的问题。我有一个里面有文字的形状。是否有一种方法可以创建形状大小的链接,而不仅仅是文本大小的链接?

请看下面的图片。整个黑暗的形状应该是连接:

到目前为止,这就是我所拥有的:

a {
  font-family: Calibri, sans-serif;
  background: black;
  color: white;
}
<a href="#">Videos</a>

提问于
用户回答回答于

你可以使用display:block;简单地将<a>标记设置为块级元素。 现在,你可以应用宽度和高度属性来创建黑色矩形:

a {
  font-family: Calibri, sans-serif;
  font-size: 3em;
  background: black;
  color: white;
  text-decoration: none;
  display: block;
  width: 250px;
  height: 200px;
  padding: 0 10px;
  text-align: right;
}
<a href="#">Videos</a>

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动