如何使用CSS增大h1标签的背景尺寸？

直接给你几个实用的解决思路，按需选择：

• 用内边距拓展范围：给h1加padding属性，比如padding: 10px 20px;，背景会跟着内边距一起扩大，不会改变标签的整体宽度逻辑。
• 固定宽高：如果需要特定尺寸，直接设置width: 300px; height: 80px;，注意h1默认是块级元素，宽度会占满父容器，设置width后会变成固定值。
• 调整显示模式：如果h1被设置成了行内元素（比如被其他样式影响），先加display: block;或者display: inline-block;——行内元素没法直接设置宽高和上下内边距，改成块级/行内块才能调整。
• 背景图适配（如果用了背景图）：要是背景图片没铺满标签，加background-size: cover;或者background-size: 100% 100%;，让图片适配你设置的标签尺寸。

给个示例代码参考：

h1 {
  padding: 15px 30px; /* 内边距扩大背景范围 */
  width: 400px;
  height: 100px; /* 固定宽高 */
  display: block; /* 确保是块级元素 */
  background-color: #f0f0f0; /* 示例背景色 */
  /* 如果用背景图，取消下面注释 */
  /* background-image: url('你的图片路径'); */
  /* background-size: cover; */
}

内容的提问来源于stack exchange，提问作者Leindras