0

我需要为包装的文本设置背景。有没有办法通过 css http://oi40.tinypic.com/ydlk4.jpg获得这种效果。

4

4 回答 4

1

将您的文本换成<span></span>.

或display: inline-block添加<div></div>

演示：http: //jsfiddle.net/uNjT6/1/

于 2013-07-30T08:38:44.953 回答
0 
p {
    /* like this */
    padding: 1px 0;
    /* or */
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color: black;
    display: inline;
    color: #fff;

}
于 2013-07-30T11:22:07.157 回答
0

这是一个简单的解决方案

http://jsfiddle.net/69RWL/

a {
    display:inline;
    color:white;
    padding:5px 0px;
    line-height:30px;
    background:black;
    font-size:18px;
    text-decoration:none;
}
于 2013-07-30T08:42:31.227 回答
0

只需使用display: inline;您的元素，无论它是 div 还是 p 等。

于 2013-07-30T08:45:44.347 回答