CSS3中first-letter实现首字下沉变大

经常看到杂子的第一个段落的第一个文字都是占两行,而且很大,其实在网页中也可以这么设置,不过用的人似乎很少,其实主要是用到了css3的:first-letter选择器,给第一个文字设置样式,就达到了这个效果。当然这个方法是不兼容旧的浏览器的。

 代码如下 复制代码
Drop-Cap Paragraphs
p:first-letter{
    display: block;
    margin: 5px 0 0 5px;
    float: left;
    color: #ff3366;
    font-size: 5.4em;
    font-family: Georgia, Times New Roman, serif;
}

效果如下

时间: 2024-10-10 23:07:08

CSS3中first-letter实现首字下沉变大的相关文章

Word 2013中如何设置首字下沉或首字悬挂

在Word2013文档中,首字下沉是指将段首的一个文字放大,并进行下沉或悬挂设置,以凸显段落或整篇文档的开始位置.在Word2013中设置首字下沉或悬挂的步骤如下所述: 第1步,打开Word2013文档窗口,将插入点光标定位到需要设置首字下沉的段落中.然后切换到"插入"功能区,在"文本"分组中单击"首字下沉"按钮,如图2013080203所示. 图2013080203 单击"首字下沉"按钮 第2步,在打开的首字下沉菜单中单击&

WPS中如何制作首字下沉

输入一段需要的文字,可以是参与图片或表格混排的文档.将光标定位在段首的文字前,然后选择"格式"菜单下的"首字下沉" 弹出"首字下沉"的对话框,列出了3种设置方式:第一种为默认方式:第二种为嵌套在文字段落中的形式:第三种为大字在段落之外. 选择合适的式样后,在选项中进行字体.下沉行数.和正文距离的设置. 设置完毕后,点击"确定"即可.

Word文档中设置首字下沉效果的方法

  Word文档中设置首字下沉效果的方法           首字下沉用途非常广,或许你在报纸上.书籍.杂志上也会经常看到首字下沉的效果. 今天就让Office办公助手的小编讲述如何在Word文档中的设置首字下沉效果. Word2003怎样设置首字下沉 首先,选种要设置首字下沉的那个段落,然后单击菜单栏的"格式"中的"首字下沉",在弹出的窗口中可以清楚的看见有三种效果,无.下沉.悬挂,选种某种效果后单击确定按钮就可以了.当然,也可以设置它的"字体"

word2007中怎么设置首字下沉

word2007中怎么设置首字下沉   word2007设置首字下沉的步骤如下: 步骤一:首先,我们在word文档中输入一段文字,如图 步骤二:然后我们的目的是将这段文字的首字,也就是"我"字变成下沉的文字状态;这个时候我们将鼠标放置在"我"字前面,然后点击工具栏的"插入" 步骤三:在插入的下拉菜单中,我们选择右侧"文本"栏的"首字下沉" 步骤四:然后我们接着选择"首字下沉选项"如图 步

Word文档中首字下沉怎么弄

首字下沉效果经常出现在报刊杂志中,文章或章节开始的第一个字字号明显较大并下沉数行,很能起到吸引眼球的作用.要在Word中设置这种效果,可以按下面的步骤进行: 1.将插入点置于要创建首字下沉的段落中的任意位置. 2.执行"格式"→"首字下沉",打开"首字下沉"对话框. 3.在"位置"栏下,选择"下沉"或"悬挂".在段落没有设置缩进时,后者下沉的首字将会占据左边距.选择"无&quo

word2013中如何设置首字下沉

  word2013中设置首字下沉的步骤如下: 步骤一:首先,我们双击office2013Word文档快捷图标,启动该程序,随便打开一份文档,单击菜单栏--插入--文本--首字下沉. 步骤二:弹出首字下沉对话框,我们现在位置中选择下沉,在选项中设置字体,下沉行数,距离正文的位置,设置好了之后单击确定. 步骤三:首字下沉设置成功,我们看到office2013Word文档中"大"字已经放大了,并且占据2行.如要取消首字下沉的效果,在首字下沉下拉菜单中选择无即可. 步骤四:首字下沉效果取消,

如何在word2013中设置首字下沉

  word2013中设置首字下沉的步骤如下: 步骤一:鼠标左键双击计算机桌面Word2013程序图标,将其打开运行.在打开的Word2013程序窗口,点击"打开其他文档",在文件存放的路径将Word文件打开.如图所示; 步骤二:在打开的Word文档窗口中,打开插入菜单选项卡,而后点击"文本"选项,在弹出的的选项框中选择"首字下沉选项"并点击它.如图所示; 步骤三:点击首字下沉选项后,这个时候在Word文档窗口会打开"首字下沉"

Word中首字下沉效果怎么设置

  在很多的Word文件或者是书籍报刊等,都喜欢使用首字下沉效果来给文字档增加美观效果,但是很多的朋友,只见到过,却没有自己设置过.今天,我们就看来了解一下Word中的首字下沉的设置. Word Word2003怎样设置首字下沉 首先,选种你要设置首字下沉的那个段落,然后单击菜单栏的"格式"中的"首字下沉",在弹出的窗口中我们可以清楚的看见有三种效果,无.下沉.悬挂,选种某种效果后单击确定按钮就可以了.当然,你也可以设置它的"字体"和"

Word2013中怎样设置首字下沉或悬挂

  第1步,打开Word2013文档窗口,将插入点光标定位到需要设置首字下沉的段落中.然后切换到"插入"功能区,在"文本"分组中单击"首字下沉"按钮. 第2步,在打开的首字下沉菜单中单击"下沉"或"悬挂"选项设置首字下沉或首字悬挂效果. 第3步,如果需要设置下沉文字的字体或下沉行数等选项,可以在下沉菜单中单击"首字下沉选项",打开"首字下沉"对话框.选中"下