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

【问题标题】：How to create a rectangle in HTML and put some text on it?如何在 HTML 中创建一个矩形并在其上放置一些文本？
【发布时间】：2015-03-30 17:33:05
【问题描述】：

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

【问题讨论】：

嗨，您尝试过的任何代码。

标签： html html5-canvas css-shapes

【解决方案1】：

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

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*/
}

&lt;a href="#"&gt;Some Text&lt;/a&gt;

在您的href 属性中，您应该放置指向下一页的链接：

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

【讨论】：