如何用CSS制作首字下沉

html-css015

如何用CSS制作首字下沉,第1张

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

1、before伪元素实现

2、使用标签控制

段落首字下沉 方法分析

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

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

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

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

希望对你有所帮助。

<div style="width:730pxpadding:8pxborder:1px dashed #e7e7e7">

<span style="padding:5pxfont-size:24ptdisplay:blockfloat:left">你</span>好吗?<div>

可以应用css伪类选择符 :first-letter

它是定义元素所包含文本段的第一个字的样式

如果你那个首字是定义到p里

那就是

p:first-letter{font-size:66pxfloat:leftline-height:normal}