首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS中形状大小的链接

CSS中形状大小的链接
EN

Stack Overflow用户
提问于 2017-08-17 05:33:53
回答 1查看 75关注 0票数 1

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

请参见下图。整个深色的形状应该是链接:

这就是我到目前为止所知道的:

代码语言:javascript
复制
a {
  font-family: Calibri, sans-serif;
  background: black;
  color: white;
}
代码语言:javascript
复制
<a href="#">Videos</a>

提前感谢!

EN

回答 1

Stack Overflow用户

发布于 2018-08-16 04:29:35

您可以使用display: block;简单地使您的<a>标记成为块级元素。现在您可以应用widthheight属性来创建黑色矩形:

代码语言:javascript
复制
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;
}
代码语言:javascript
复制
<a href="#">Videos</a>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45723351

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档