html - 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;
}`

标签： htmlcss

Answer 1

你的意思是这样吗？

.clicky {
  background-color: cyan;
}

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