<span> -- 组合内联行

beyes · 发表于 2013-4-1 13:09:11

<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>

显示效果：

		自动登录	找回密码
密码			立即注册

[HTML] <span> -- 组合内联行

本帖子中包含更多资源

浏览过的版块