css中点击数字背景跳转

CSS中点击数字背景跳转，在许多网页设计中是一个常见的功能。这种功能可以让用户更方便地浏览网页内容，在不同地方直接跳转到需要的信息，从而提高效率。

a.number-link {
  background: #999;
  color: #fff;
  display: inline-block;
  text-align: center;
  width: 25px; 
  height: 25px;
  border-radius: 50%;
  text-decoration: none;
}
a.number-link:hover {
  background: #555;
} 

以上是实现该功能的基本样式代码，它可以让数字以圆形背景显示，并且当鼠标悬停在数字上时，会有不同的颜色效果。

但是，这只是样式代码，还需要JavaScript来实现功能。以下是完整代码：

var numberLinks = document.querySelectorAll(".number-link");
var targetElements = [];
for (var i = 0; i < numberLinks.length; i++) {
  var link = numberLinks[i];
  var targetId = link.getAttribute("href").substr(1);
  var targetElement = document.getElementById(targetId);
  targetElements.push(targetElement);
  link.addEventListener("click", function(event) {
    event.preventDefault();
    var targetIndex = numberLinks.indexOf(event.target);
    targetElements[targetIndex].scrollIntoView({behavior: "smooth"});
  });
} 

这段代码实现了当用户点击数字时，会跳转到对应ID的元素，并且会有平滑的滚动效果。

以上就是CSS中点击数字背景跳转的实现方法。如果你想要在自己的网页中实现这种功能，可以通过这个例子来学习和实践。