CSS如何使链接的背景像链接本身一样工作？

Question

因此，单击链接的背景将打开该链接，或者将鼠标悬停在背景上会将光标图标变为指针图标。

编辑：这是我讨厌的代码，由于羞耻，我一开始并不愿意显示。

a{
  color: #815853;
  text-decoration: none;
  display: inline-block;
}
a:hover{
  color: #e3ddce;
}

ul li {
  color: #e3ddce;
  display: inline-block;
  list-style-type: none;
  padding: 5px 15px;
}
ul li:hover {
  background: #815853;
  border: 1px solid black;
  border-radius: 5px;
}`

Answer 1

您的意思是这样吗？

.clicky {
  background-color: cyan;
}

<a href="https://stackoverflow.com" _target="blank">
<div class="clicky">
click here
</div>
</a>

Answer 2

.harshit {
  background-color: yellow;
  color:red;
}

<a href="https://stackoverflow.com" _target="blank">

<div class="harshit">
click me
</div>
</a>