犄角旮旯的鱼
2016-05-17 21:54
怎样设置段落或文章中在同一行不一样的字体颜色?让她们不分行
</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>
而且你上面的style语句尽量写到head里面,你这都写到body里面了
可以写在一个标题中,用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>
给你想要变色的文字加上<span>标签 在标签里加上class=""或id=::名字,用不同的class或id""名字给不同的子上不同的颜色
用 < span>分开依次在text/css中设置,或者创建 .类选器名称{css样式代码;}
即span class=“”运用类选择器也可解决。不建议用id选择器。。
增加<span>元素,然后在样式里面对span元素单独设置颜色样式。
初识HTML(5)+CSS(3)-升级版
1225812 学习 · 18234 问题
相似问题