当前位置:主页   > 电脑网站开发网页设计 > 正文
css仿word首字下沉效果示例
来源:网络    作者:    时间:    
收藏此页】    【字号    】    【打印】    【关闭

css首个文字下沉效果
用过word的大部分人都知道,word里有一个首字下沉功能,在文章的排版时用,有时能给文章增色不少。

用css仿word的首字下沉功能,不用修改代码,只用到css的伪元素:first-letter,即可实现首字下沉效果。
复制代码代码如下:
<p><span class="firstcharacter">L</span> orem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique lobortis orci ac lacinia. Fusce eu purus eget diam vehicula auctor nec eu elit. Morbi consequat facilisis orci vel malesuada. Donec ultrices molestie sollicitudin. Aliquam pharetra libero enim. Donec et suscipit massa. Done..

其它资源
来源声明

版权与免责声明
1、本站所发布的文章仅供技术交流参考,本站不主张将其做为决策的依据,浏览者可自愿选择采信与否,本站不对因采信这些信息所产生的任何问题负责。
2、本站部分文章来源于网络,其版权为原权利人所有。由于来源之故,有的文章未能获得作者姓名,署“未知”或“佚名”。对于这些文章,有知悉作者姓名的请告知本站,以便及时署名。如果作者要求删除,我们将予以删除。除此之外本站不再承担其它责任。
3、本站部分文章来源于本站原创,本站拥有所有权利。
4、如对本站发布的信息有异议,请联系我们,经本站确认后,将在三个工作日内做出修改或删除处理。
请参阅权责声明