主页 / 问题 / 1252876
Accepted
Zekoyka
Asked:2022-03-07 22:29:11 +0000 UTC2022-03-07 22:29:11 +0000 UTC

background-color 属性正在移动

  • 772

我想给文字上色。这里是风格。

        <style>
            body{
                background-color:rgb(54, 54, 54);
            }
            p {
                background-color:rgb(0, 0, 0);
                font-family:monospace;
                color: rgb(19, 230, 11); /* Цвет текста */
            }

        </style>

但是由于某种原因，文本的背景是разъезжается字段的整个长度。 在此处输入图像描述

如何解决？

html

1 个回答

  1. Best Answer

    所以我明白有必要直接在文本下方应用背景，而不是整个线条的宽度。你不能这样做，因为标签<p>是一个块元素，这意味着它会拉伸到全宽。或者，对于您需要的段落，将属性display和值应用于它inline。这是一个例子：

    body {
  background-color: rgb(54, 54, 54);
}

p.demo {
  display: inline;
  background: rgb(0, 0, 0);
  font-family: monospace;
  color: rgb(19, 230, 11);
}
    <p class="demo">Ted</p>

    • 2

相关问题