span { background-color: #FFFF00; }
上面这段代码就是给所有的span标签设置背景颜色为黄色。通过这种方式,大家可以把网页的内容更加精细化地呈现出来。
在实际使用中,CSS和span标签可以结合起来,实现一些很酷炫的效果。比如大家可以通过以下代码让span标签里的字体颜色随机变化:
span { background-color: #000000; color: #FFFFFF; } span:hover { color: rgb( Math.floor(Math.random() * 256), Math.floor(Math.random() * 256), Math.floor(Math.random() * 256) ); }
上面这段代码就是给所有的span标签设置黑色背景和白色字体,当鼠标放在span标签上时,就可以让字体颜色随机变化。
总之,CSS和span标签的搭配使用可以实现很多有趣的效果,就像大家平时所见到的那些精美的网页一样。