HTML实例-072 HTML的分类行内元素

hrs 提交于 2019/11/14 - 15:17 , 周四

HTML <span> 元素是行内元素,能够用作文本的容器。设置 <span> 元素的类,能够为相同的 <span> 元素设置相同的样式。

实例代码:

<!doctype html>
<head>
<meta charset="utf-8">
<style>
span.red{
color:red;
}
</style>

</head>
<html>
<body>
<h2>这是一个分类 <span class="red">行内元素</span>实例</h2>
<p>&#60;span&#62;标签可以自定义文本样式</p>
</body>
</html>

运行效果:

html_072.png

从这个实例可以看出,我们利用<span>标签对文本其一段内容进行颜色定义。

标签