如何用CSS制作首字下沉

html-css09

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

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

1、before伪元素实现

2、使用标签控制

段落首字下沉 方法分析

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

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

css让字体下沉的方法:首先创建一个HTML示例文件;然后使用伪元素“::first-letter”选中一段文本的首字;接着使用“font-size”属性设置首字大小;最后通过float属性实现下沉效果即可。