2013-05-16 52 views
3

我想知道,如果它是更多钞票来实现这一目标:背景颜色为文本(只)

enter image description here

我的意思是,将背景颜色只是文本块整体代替,

ej

<h1>WELLCOME TO RENTAL IN MALLORCA BEATYFULL COLLECTION OF APPARTMENTS</h1> 

是否有(跨浏览器,如果可能的话)来做到这一点?

回答

16

是的。在<h1>内部添加一个<span>,并将背景颜色和线高应用于其中。

Demo

+2

在为了得到准确的复制品,你需要在每个换行符上添加span,在Kolink中用一个span来演示它的一行,但是在你的图像中每个都有填充到左边和右边。这只能通过添加跨度来完成。例如。 span欢迎来到/ span – Cam

+0

我们不能在没有添加span的情况下做到这一点吗? – w3debugger

+0

是的w3debugger,你可以将h1设置为内联显示,所以你不需要使用跨度。 –

10

除了Niet的的回答是:

来获得额外的空间(这里为10像素),在每一行的左侧和右侧添加这跨度:

h1 span { 
    box-shadow: 10px 0 0px 0px #EDC330, -10px 0 0px 0px #EDC330; 
} 
+1

好感!我还添加了填充:10px 0;在文本上方和下方给出一些额外的空间。 – Kupe