很多时候我们在YS上看见一些渐变的标题 会觉得 ( ⊙o⊙ )哇 好好看哦 有了上面的这些基础 那接下来我们也尝试一下看看
代码:<FONT color=#FF00FF>这</FONT><FONT color=#FF00CC>就</FONT><FONT color=#FF0099>是</FONT><FONT color=#FF0066>颜</FONT><FONT color=#FF0033>色</FONT><FONT color=#FF0000>渐</FONT><FONT color=#CC0066>变</FONT>
效果:
![](http://imgsrc.baidu.com/forum/w%3D580/sign=dc710633b3119313c743ffb855390c10/0403b8246b600c33087616391b4c510fd8f9a191.jpg)
这个就是用不同的颜色代码组成的,原理也是这个:<FONT color=#颜色代码>文字</FONT>
就这样编一下字体就会出现不同的颜色
如果我们想要加粗色彩可以这样:
代码:<FONT color=#颜色代码><B>文字</B></FONT>
示例:<FONT color=#1E90FF><B>雪蓝</B></FONT>
效果:
![](http://imgsrc.baidu.com/forum/w%3D580/sign=5b0e29eb2934349b74066e8df9eb1521/3a9bfcfb43166d223169dd65472309f79152d282.jpg)
这个是之前加粗的代码:<B>文字</B>
<FONT color=#颜色代码>文字</FONT>
就在颜色代码的后面加上加粗代码就可以了,不过不要遗忘了它 </FONT>
最后我们看看能不能把两节课所学到的内容结合起来 达到1+1>2的效果
代码1:<FONT color=#CC66FF>这里</FONT><FONT color=#CC66CC>有</FONT><FONT color=#CC6699><B>粗体</B>,</FONT><FONT color=#CC6666><I>斜体</I>,</FONT><FONT color=#9966FF>字体,</FONT><FONT color=#9966CC>大小,</FONT><FONT color=#996699>渐变的效果</FONT>
效果1
![](http://imgsrc.baidu.com/forum/w%3D580/sign=a1214558a8014c08193b28ad3a7a025b/ed4681fc1e178a82f104b751f703738da877e8ec.jpg)
这里的原理就是:<FONT color=#颜色代码>文字</FONT>+<B>粗体</B>+<I>斜体</I>。
代码2:<FONT color=#CC66FF size=2>哇</FONT><FONT color=#CC66FF size=3>( ⊙o⊙ )</FONT><FONT color=#CC66FF size=5>由</FONT><FONT color=#CC66CC size=6>大</FONT><FONT color=#CC6699 size=5>变</FONT><FONT color=#CC6666 size=4>小</FONT><FONT color=#9966FF size=3>了</FONT>
效果2:
![](http://imgsrc.baidu.com/forum/w%3D580/sign=3ef68e4a4610b912bfc1f6f6f3fffcb5/a3df2281800a19d84fd94df432fa828ba41e46ce.jpg)
这里的原理就是:<FONT color=#CC66FF>+<FONT size=2>文字</FONT>
看到这里大家就想问了为什么上面的代码是这样的
<FONT color=#CC66FF size=2></FONT>
这是我的个人认为:字体颜色代码和字体加大代码看起来都市差不多的,简化了一下成了这样了。
<FONT color=#CC66FF size=2></FONT>
代码3:<FONT color=#CC66FF face=黑体 size=2>再</FONT><FONT color=#CC66FF face=黑体 size=3>把</FONT><FONT color=#CC66FF face=黑体 size=5>字</FONT><FONT color=#CC66CC face=黑体 size=6>体</FONT><FONT color=#CC6699 face=黑体 size=5>加</FONT><FONT color=#CC6666 face=黑体 size=4>上</FONT><FONT color=#9966FF face=黑体 size=3>呢</FONT><FONT color=#9966FF face=黑体 size=2> (⊙o⊙)?</FONT
效果3
![](http://imgsrc.baidu.com/forum/w%3D580/sign=3e23c7323b87e9504217f3642039531b/1d6e42f3d7ca7bcb82650fdebf096b63f724a882.jpg)
原理:
<FONT color=#CC66FF>+<FONT face=文字 size=1>文字</FONT>+<FONT size=2>文字</FONT>
就是字体颜色代码+字体代码+字体加大代码的结合体
其实代码不难,只要是不怕麻烦