CSS＆＃39; +＆＃39;在元素的右下角

Question

我该怎样做这样的事情：

它将在:hover和:active州。

Answer 1

以下是一些入门代码。

ul{
  list-style: none;
  background-color: coral;
}
li {
  padding: 10px 20px;
  display: inline-block;
  position: relative;
}
li:hover:after{
  content: "+";
  position: absolute;
  right: 2px;
  bottom: 2px;
  color: blue;
  position: absolute;
  font-weight: bold;
}

<div>
  <ul>
    <li>Home</li>
    <li>About Us</li>
    <li>Mission</li>
    <li>Vision</li>
  </ul>
</div>

注意：尝试实施要求，然后在必要时寻求帮助。