如何用CSS制作首字下沉_教程

段落首字下沉单纯从前端角度，可以实现的方法

1、before伪元素实现

2、使用标签控制

段落首字下沉方法分析

第一种方法果断舍弃，原因在于，数据明显是从后台传递的，那么此时我们不可能确定后台会传递什么数据。

具体内容请详见：CSS样式 | 段落首字下沉

首字下沉不需要设置绝对位置。

在首字加个行内标签，然后用插入内部样式（如下所设）就可以的。

希望对你有所帮助。

<html>

<head>

span {

font-famiyl:黑体

font-size:32px

color: black

float:left

}

</style>

</head>

<body>

<p><span>大</span>嵛山岛为闽东第一大岛，岛上风光旖旎，有天湖泛彩、蚁舟夕照、少滩奇纹、南国天山、海角晴空等胜景。在碧波万顷的东海之上镶嵌着大小两个湖泊，因而素有“海上天湖”之称。水明如镜，白鸥飞翔，构成一幅美好的海上画卷。2005年10月被中国国家地理杂志评为“中国最美的地方”中“最美的海岛”第八名。</p>

<p><span>福</span>建大嵛山岛，位于霞浦东北海域，距离三沙古镇港5海里，大嵛山岛是闽东最大的列岛，由大嵛山、小嵛山、鸳鸯岛、银屿等十一个大小岛屿组成，陆地面积28平方公里，海岸线长30公里。嵛山又名俞山、盂山，亦名窑山、鹞山。俞、盂均为方言谐音，又因昔时嵛山古木参天，岛上渔民兼营烧炭副业，天湖山下多古炭窑，故别称窑山。辖有五个行政村：马祖、芦竹、东角、鱼鸟和中灶。嵛山岛山场宽广、海域辽阔、气候宜人、景色秀丽。岛上有丰富的花岗岩、优质矿泉、草场资源等，海上盛产鳗鱼、带鱼、毛虾、虾苗、七星鱼和鳗鲡等多种海生物；自然景观有“南国天山“的天湖山万亩草场、绝顶之上具有神秘色彩的大小天湖、大使岙百倾金沙、鸟岛、红纪洞等；文物古迹有：大使宫、妈祖宫、天福寺，福瑶列岛的自然景观已被国家建设部确定为国家级太姥山风景区四大景观之一。</p>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/tougao/7740282.html

如何用CSS制作首字下沉

发表评论

评论列表（0条）