当前位置:清晨 » 站长笔记 » css和h1-h6组成一个logo

css和h1-h6组成一个logo

发布日期:2012年5月28日 03:05:19

点击量: 1,260

先看一下效果:

使 believe
BUT 中间还是藏了一个 lie

源码:

<font style="LINE-HEIGHT: 1.3em" size="6"color="#c0c0c0">即</font> 
<font style="LINE-HEIGHT: 1.3em" size="3"color="#c0c0c0">使</font> 
<font style="LINE-HEIGHT: 1.3em"color="#e00000"size="5" face="impact">believe</font>,<br /> 
<font style="LINE-HEIGHT: 1.3em"face="黑体" size="6">BUT</font> 
<font style="LINE-HEIGHT: 1.3em"face="黑体">中间还是藏了一个</font> 
<font style="LINE-HEIGHT: 1.3em"face="Impact"size="5" color="#ffc0cb">lie</font>

h1-h6+css 实现以上效果:

<div class="bt"> 
<h1>Q</h1> 
<h4>C</h4> 
<h3>menglei.info</h3> 
<h5>清</h5> 
<h6>晨</h6> 
<h2>博客</h2> 
</div>
<style> 
.bt{ width:250px} 
.bt h1,h2,h3,h4,h5,h6{display:inline; line-height:1.3em} 
.bt h1{color:#c0c0c0; font-size:30px; font-weight:normal} 
.bt h4{color:#c0c0c0; font-size:18px; font-weight:normal;} 
.bt h3{color:#e00000; font-size:24px; font-family:Impact;font-weight:normal; margin-right:80px;} 
.bt h5{font-size:30px; font-family:黑体; font-weight:normal; padding-left:37px} 
.bt h6{font-size:25px; font-family:黑体; font-weight:normal} 
.bt h2{color:#ffc0cb; font-size:24px; font-family:Impact;font-weight:normal} 
</style>

效果如图

Q

C

menglei.info

博客


关键词:

本文网址:http://www.menglei.info/126/,转载请以链接形式注明出处,谢谢合作!


老薛主机专属优惠码: PT ,有需要购买的同学可以使用.可享受30%的优惠.

联系站长: shadoweb@qq.com QQ: 925474725


发表评论

电子邮件地址不会被公开。 必填项已用*标注