怎样设置段落或文章中在同一行不一样的字体颜色？让她们不分行
</head>
<body>
<h1>在本教程中，
<style type ="text/css">
h1{
color:#450;
}
</style>
<h2>你将学习如何使用 HTML 来创建站点
<style type="text/css">
h2{
color:#620 ;
}
</style>
</h2>
</h1>
<p>当特殊的样式需要应用到个别元素时，就可以使用内联样式。</p>
</body>
</html>
2016-05-17
可以写在一个标题中，用span改变样式
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>嵌入式css样式</title>
<style type="text/css">
</style>
</head>
<body>
<h1><span style="color:blue">在本教程中</span>，<span>你将学习如何使用 HTML 来创建站点</span>
<style type ="text/css">
h1{
color:#450;
}
</style>
</h1>
<p>当特殊的样式需要应用到个别元素时，就可以使用内联样式。</p>
</body>
</html>可以使用<span></span>包住想要使用不同样式的文本，在CSS里对<span>进行设置
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>关于文章主题Style</title>
</head>
<style>
h1,p{
color: #450;
}
h2{
color: #620;
}
span{
color: blue;
}
</style>
<body>
<h1>在本教程中</h1>
<h2>你将学习如何使用HTML来创建站点</h2>
<p>
当<span>特殊的样式</span>需要应用到个别元素时，就可以使用内联样式。
</p>
</body>
</html>预览
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>同一行不同文字样式</title>
<style type="text/css">
.one{color:blue;}
.two{color:red;}
.thr{color:#0f0;}
</style>
</head>
<body>
<p>
<span class="one">秋天</span>来临了<span class="two">天空</span>像一块<span class="thr">覆盖</span>大地的蓝宝石。
</p>
</body>
</html>举报
