曲径通幽论坛

标题: <span> -- 组合内联行 [打印本页]

作者: beyes    时间: 2013-4-1 13:09
标题: &lt;span&gt; -- 组合内联行
<span> 是成对出现的标签,表示内联行,并无实际意义,在该标签里的内容不会有视觉上的变化,但可以使用 CSS 对这些内容进行样式定义。通俗的讲,就是先用 <span> 括起一部分内容,然后再用 CSS 对这部分内容进行着色与描绘。

测试代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
span.highlight
{
background-color:yellow
}
</style>
</head>

<body>

<p>
欢迎来到 <span class="highlight">曲径通幽</span> 技术社区 <span class="highlight"> www.groad.net</span>
</p>

</body>
</html>
显示效果:
[attach]1490[/attach]




欢迎光临 曲径通幽论坛 (http://www.groad.net/bbs/) Powered by Discuz! X3.2