首页 > 代码库 > 首字下沉

首字下沉

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>首字下沉</title>
<style type="text/css">
/******首字下沉方法一*   每个段落的首字下沉*  老方法****
p::first-letter{
    color:#333;
    float:left;
    font-size:2em;
    margin:0 .2em 0 0
    }
*/    
/***************首字下沉方法二   第一个段落的首字下沉*老方法******
p:first-child::first-letter{
    color:#333;
    float:left;
    font-size:3em;
    margin:0 .2emm 0 0;
    }
*/    

/**************首字下沉方法三   新方法**浏览器暂不支持***********/

    p::first-letter {
    initial-letter: 3;
}    
</style>
</head>

<body>
    <p>
        I want  to djdjdj ksdksodsd mjsdjs ksdkos kskdk ksdksk wpwp[eriuibmv sureowb sjdopwen srpp;sdrn kiwsie v,aiure 
    </p>
    <p>
    花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。
    </p>
    <p>
    花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。
    </p>
    
</body>
</html>

 

首字下沉