HTML5从入门到精通 (第2版)
上QQ阅读APP看书,第一时间看更新

4.7 设置列表文字的颜色

在创建列表时,可以单独设置列表中文字的颜色。这里可以直接对文字进行颜色设置。

语法

    <li><font color="颜色代码">列表项</font></li>

语法解释

在该语法中,列表项的颜色就变成了设置后的颜色。也可以在列表中进行整体颜色的设置。

【例4.11】实例代码。(实例位置:光盘\TM\sl\4\11)

        <html>
        <head>
        <title>设置列表文字的颜色</title>
        </head>
        <body>
        <font size="+5" color="#666666">金庸名著</font>
        <ul><font color="#0066CC">
            <li>雪山飞狐</li>
            <li>天龙八部</li>
            <li>射雕英雄传</li>
            <li>倚天屠龙记</li>
            </font>
        </ul>
        <hr color="#00FFCC" size="3"/>
        <font size="+5" color="#666666">琼瑶小说</font>
        <ul>
            <li><font color="#9966FF">青青河边草</font></li>
            <li><font color="#9966FF">梅花三弄</font></li>
            <li><font color="#9966FF">烟雨蒙蒙</font></li>
            <li><font color="#9966FF">还珠格格</font></li>
        </ul>
        </body>
        </html>

运行这段代码,效果如图4.15所示。

图4.15 设置列表文字的颜色