如何超链接html / css框部分？

Question

我想要的是一个超链接的css框，这样如果有人点击该框，他/她将转到指定的链接！

例如，我想要链接包含“我的标题”的以下框：

<header>
       <h1 class="title" style = "text-align:center; margin = 20px"> My Title </h1>
</header>

Answer 1

<div><a href="yoururl.html" style="display:block;height:100%;width:100%"></a></div>

基本上：在你的盒子里做一个链接，把它变成一个块，并使它像盒子一样大

Answer 2

也许试试：

<div onclick="location.href='http://myurl.com';" >(Whatever you want in here*</div>

......只要你不介意一点JS ......

Answer 3

你可以有一个像以下一样的大块链接：

/* html */
<a id="foo" href="www.google.com"></a>

/* css */
#foo {
    background: green;
    display: block;
    height: 100px;
    width: 200px;
}  

Answer 4

如果你的意思是div或a，这里是代码：

<a href="www.google.com" style="width:100px;height:100px; float:left"></a>

Answer 5

我不确定你对“css box”的意思，但我认为你的意思是一个点击框。 您可以将a-tag转换为块元素，并为它们指定高度和宽度。

<!-- HTML -->
<a href="#">"Linkbox"</a>

/* CSS */
a { 
  display:block;
  width:100px;
  height:100px;
}

Answer 6

您可以使用<a> - 通过CSS格式化的标记到框中，或使用<a>围绕元素以使其点击。