Question

我希望能够在不跨越整个页面的情况下突出显示文本（段落）。有人可以帮我限制这一段吗？

此处是指向屏幕截图图片的链接，显示我遇到的问题：http://imageshack.us/photo/my-images/402/print1xs.png/

继承我的HTML代码：

    <div id="content">

    <p> I like to play with pokemon <br>
        They are a fun way to relax
    <br>
        Go pokemon. 
    </p>
    </div>

继承我的CSS：

    #content{
    margin: 200px 0 0 73px;
    }

    #content p{
    font-size: 2em;
    }

Answer 1

#content p{
    font-size: 2em;
    display: inline-block;
    background-color: magenta;
}

Answer 2

在突出显示的文字的开头输入以下标记：<span style="background color: #FFFF99">。你可以使用你想要的任何颜色，虽然这个文字用浅黄色突出显示。

Answer 3

如果要“突出显示”整个段落，请为段落设置背景颜色。另外，为了防止它在整个div中拉伸，只需更改段落宽度，如下所示：

.highlighted {background-color：#ffff00;宽度：100px;}

使用CSS格式化HTML段落

3 个答案: