P标签中的文字如何设置成多种颜色

Posted 2023-03-16

如<p>魂牵梦萦 扔你你你你</p>把魂牵梦萦 设置成红色把扔你你你你 设置成黄色代码该怎么写

方法1、

&lt;div class="contain"&gt;

&lt;p style="font-size:30px;color:orange"&gt;p标签设置字体颜色&lt;/p&gt;

&lt;/div&gt;

方法2、

&lt;style&gt;

.contain p

font-size:30px;

color:orange;

&lt;/style&gt;

&lt;div class="contain"&gt;

&lt;p&gt;p标签设置字体颜色1&lt;/p&gt;

&lt;/div&gt;

扩展资料：

在html文档中使用style属性：

&lt;h1 style="color:blue;text-align:center"&gt;This is a header&lt;/h1&gt;

&lt;p style="color:red"&gt;This is a paragraph.&lt;/p&gt;

定义和用法

style属性规定元素的行内样式（inline style）

style属性将覆盖任何全局的样式设定，例如在&lt;style&gt;标签或在外部样式表中规定的样式。

语法

&lt;element style="value"&gt;

属性值

值：style_definition；

描述：一个或多个由分号分隔的CSS属性和值。

参考技术A 没有这样的,必须再加入标签一般的写法如<p><span style="color:red;">魂牵梦萦</span><span style="color:yellow;">扔你你你你</span></p> 参考技术B <p><span id="red">魂牵梦萦</span<span id="yellow"> 扔你你你你</span></p>然后在css中加上规则：#red color:red;#yellow color :yellow; 参考技术C 重载OnDrawItem，OnErase. 参考技术D style="word-wrap: break-word;"