css中数字加背景图片

CSS是网页中常用的样式表语言，可以描述网页的样式和排版，其中数字加背景图片是一种常用技巧，下面我们来学习一下怎样实现。

//HTML代码
<div class="bg-img">
  <p>这是一段示例文字</p>
</div>

//CSS代码
.bg-img{
  background-image: url('背景图片的路径');
  background-size: cover; /* 背景图片填充整个容器 */
  padding: 10px; /* 给容器加上内边距 */
}

p{
  background-color: rgba(255, 255, 255, 0.8); /* 背景颜色设置为半透明白色 */
  padding: 5px 10px; /* 给段落加上内边距 */
  border-radius: 5px; /* 给段落添加圆角 */
} 

通过上述的代码，我们可以看到指定了一个class为bg-img的div容器，并给它加上了背景图片、内边距等样式；同时给容器内的p标签设置了背景颜色、内边距和圆角等样式，从而形成了数字加背景图片的效果。

通过使用数字加背景图片的技巧，可以让页面更有层次感和视觉冲击力，同时也方便了用户的阅读和使用体验。