码迷,mamicode.com
首页 > 其他好文 > 详细

第八章 文字实例一

时间:2015-04-01 09:26:06      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

<html>
<head>
<title>Google</title>
<style>
<!--
p{
    font-size:80px;
    font-family:Arial, Helvetica, sans-serif;
    letter-spacing:-2px;   /*字母间距*/
}
.g1,.g2{
    color:#184dc6j;
}
.o1,.e{
    color:#c61800;
}
.o2{
    color:#efba00;
}
.l{
    color:#42c34a;
}
-->
</style>
</head>

<body>
<p><span class="g1">G</span><span class="o1">o</span><span class="o2">o</span><span class="g2">g</span><span class="l">l</span><span class="e">e</span></p>
</body>
</html>

注:通常利用第三方的调色软件来配色,这里推荐最专业的photoshop调色板,在Photoshop中单击工具栏的“前景色/背景色”工具可以激活调色板。
      对各个字母分别设置CSS风格样式,加入<span>标记进行控制。

第八章 文字实例一

标签:

原文地址:http://www.cnblogs.com/Cassiel-685/p/4382899.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!