CSS段落首字放大效果


关键词

CSS 首字 放大

摘要

本文介绍在CSS中,如何对段落进行首字放大,即第一个字比其他大。


源代码如下,有兴趣的朋友简单的阅读分析一下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>段落进行首字放大</title>
<style type="text/css">
    p .firstChar{
        font:bold 60px arial;
        float:left;
        padding-right:5px;
        color:red;
    }

</style>

</head>

<body>
    <p><span class="firstChar">洪</span>哥笔记,www.splaybow.com。</p>
</body>
</html>

关于CSS段落首字放大效果,本文就介绍这么多,希望对您有所帮助,谢谢!

 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权

本文属于“洪哥笔记”原创文章,转载请注明来源地址:CSS段落首字放大效果:http://www.splaybow.com/post/css-first-char-big.html

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« CSS在font中定义行间距 JavaScript定义匿名函数的多种装逼方式 »