当前位置:首页 > 站长笔记 > 正文
运行天数:2996 天 最后更新:2020-7-1

css和h1-h6组成一个logo

用手机或者平板电脑扫描应用扫描本二维码,可以在手机浏览器继续浏览,也可以分享给你的联系人。

2012年05月28日 | 作者: 影子 | 分类: 站长笔记 | 点击量: 1,839

WDJA网站内容管理系统,免费开源可商用 点我获取,简单好用的PHP版CMS

先看一下效果:

使 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

博客



手机扫码浏览本文


关键词:

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

*本站部分内容转载自其他媒体,版权归其所有。如若内容或图片侵犯您的权益,请与本站联系,我们将在24小时内处理完毕。

作者:清晨@深圳网站建设专家. | 清晨,领先的深圳网站优化品牌。

交流QQ号:925474725 邮件支持:shadoweb@qq.com