那是因為在字外面的容器里面加了個背景色。你可以查看一下源代碼；例如：<span style="background-color:#000; color:#FFF">fdafdafdafdafda</span>

大部分html標(biāo)簽都是有＃語義＃的，例如<p>表示這是一個段落，<strong>表示強調(diào)，<ul>表示是無序列表。
<div>和<span>是2個無語意的標(biāo)簽，也就是說，他們可以當(dāng)作一個容器，里面放別的東西。
<div>默認(rèn)是塊級元素，<span>默認(rèn)是inline元素。
因此，當(dāng)你需要為一個<ul>加一個父元素以方便更好地布局或者js操作，就可以用<div>將其包含起來。
在html5以前，由于沒有 header/footer/section/article 這樣的語義標(biāo)簽，所以都是用div來布局，以區(qū)分不同的頁面內(nèi)容模塊。
例如導(dǎo)航：
<div class='main-nav'>
<ul>這里是實際的導(dǎo)航條內(nèi)容....</ul>

</div>
這樣對于寫css有一定的便利。特別是萬惡的ie7-年代，為了圓角、陰影等效果，可能要嵌套n層的div才能實現(xiàn)。