为了账号安全,请及时绑定邮箱和手机立即绑定

span标签中如何设置多个颜色

要是我同一个段落中药设置多个span,但是颜色不能一样的话怎么办呢?

正在回答

5 回答

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style>

#video_company{

color:red;

}

#war_wolf{

color:blue;

}

#month{

color:green;

}

</style>

</head>

<body>

<p>

昨日,<span id="video_company">中影数字电影发展(北京)有限公司</span>向全国各院线公司发出了《关于影片《<span id="war_wolf">战狼2</span>》密钥延期》的通知,由此电影《战狼2》顺利拿到延期密钥,延长放映至9月28日,放映时间长达<span id="month">2个月</span>。

</p>

</body>

<html>


0 回复 有任何疑惑可以回复我~
#1

慕标1337230 提问者

非常感谢!
2017-08-19 回复 有任何疑惑可以回复我~
#2

桃月的阿宅

请问为什么这段我打开后“战狼2”和“2个月”的字体颜色都变了,但是“中影数字电影发展(北京)有限公司”的字体颜色不变呢?我用的Sublime。
2017-08-19 回复 有任何疑惑可以回复我~
#3

慕运维7130634 回复 桃月的阿宅

其实是这个慕课的编辑器有问题,head里面的span和br标签我本来没有写的,但是我发上去却自动给我加上了,你把这两个删掉就行了;具体看下面的代码
2017-08-19 回复 有任何疑惑可以回复我~
#4

慕运维7130634 回复 桃月的阿宅

因为回复不能超过300字,我把代码写在了下面
2017-08-19 回复 有任何疑惑可以回复我~
查看1条回复

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title></title>


   

<style>

   

#video_company{

color:red;

}

#war_wolf{

color:blue;

}

#month{

color:green;

}

</style>

</head>

<body>

<p>

昨日,<span id="video_company">中影数字电影发展(北京)有限公司</span>向全国各院线公司发出了《关于影片《<span id="war_wolf">战狼2</span>》密钥延期》的通知,由此电影《战狼2》顺利拿到延期密钥,延长放映至9月28日,放映时间长达<span id="month">2个月</span>。

</p>

</body>

<html>


0 回复 有任何疑惑可以回复我~
#1

桃月的阿宅

感谢大佬!
2017-08-19 回复 有任何疑惑可以回复我~
#2

YIFAN111

我按照您说的方法做的,在这个慕课上的编译器进行编译的,为什么两个月又没有变颜色呢? 还有一个问题就是,为什么在这段话的前面加不了标题了呢?
2017-08-30 回复 有任何疑惑可以回复我~
#3

慕运维7130634 回复 YIFAN111

怎么会呢?同学我建议你先去把基础教程看完自然就明白了
2017-08-31 回复 有任何疑惑可以回复我~
#4

慕运维7130634 回复 YIFAN111

不过我那个代码有一个错误,就是html的闭合标签没有加反斜杠
2017-08-31 回复 有任何疑惑可以回复我~
#5

YIFAN111 回复 慕运维7130634

好的,谢谢!
2017-08-31 回复 有任何疑惑可以回复我~
查看2条回复

最直接的方法就是全部给它们加id名

0 回复 有任何疑惑可以回复我~

回答这么快?!


0 回复 有任何疑惑可以回复我~

<span style="color:red">红色</span><span style="color:blue">蓝色</span>

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

span标签中如何设置多个颜色

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信