如何用CSS制作首字下沉

html-css09

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

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

1、before伪元素实现

2、使用标签控制

段落首字下沉 方法分析

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

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

<div style="text-align: center">

<div style="margin: 0 autoheight: 24pxwidth: 240px"><!--这个宽度你要自己调整一下-->

<div style="float: left">Copyright...........</div>

<div style="float: left">百度统计代码</div>

</div>

</div>

不过我一般都是把百度统计代码隐藏...

<div style='display:none'>百度代码</div>

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

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

希望对你有所帮助。

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

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