如何在HTML中创建一个矩形并在其上放置一些文本？

Question

我想在html中创建一个矩形并在其上放置一些文本。 当点击该矩形时，它应该重定向到另一个页面.. 有什么指针吗？

Answer 1

您应该使用带有显示设置的标签：

＆＃13;

＆＃13;

a {
  display: inline-block;
  height: 50px; /*sets height of element*/
  background: cornflowerblue; /*sets the background of this element (here a solid colour)*/
  transition: all 0.6s; /*sets a transition (for hover effect)*/
  padding-left: 20px; /*sets 'padding'*/
  padding-right: 20px; /*sets 'padding'*/
  line-height: 50px; /*for this, it sets vertical alignment*/
}
a:hover {
  background: tomato; /*sets background colour*/
}

＆＃13;

<a href="#">Some Text</a>

＆＃13;

＆＃13;

＆＃13;

在href属性中，您应该将链接放到下一页：

<a href="/Home/NextPageDirectory">Link Text</a>