段落的首字下沉的效果

我们在使用Word制作文档，或者观看某些报刊杂志时，总会看到段落的首字下沉的效果。那我们在使用DW制作网页时，是否也能做出这样的效果呢？答案是肯定的。

制作方法：

定义CSS样式，代码如下：

.first {FONT-WEIGHT: bolder; FONT-SIZE: 230%; FLOAT: left; COLOR: #990000; LINE-HEIGHT: 1.3em; background-color: #E4E4E4}

代码介绍如下：

Font-weight:bolder　定义字体的粗细，我们这里设置成特粗；
Font-size:230%　定义字体的大小；
Float:left　定义字体的浮动方式，这里设置左对齐；
Color:#990000:　定义字体的颜色值；
Line-height:　定义字体的行高；
Background-color:　定义字体的背景颜色。

你也可以使用DW定义CSS的方法，一一进行设置。

段落的首字下沉的效果相关推荐

\newpage与\clearpage的区别以及分页断行的多种方式，如何构造首字下沉的效果？
分页我们习惯直接用\newpage命令来分页,而有些优秀的模版中是用\clearpage来分页的,这到底有什么区别呢? 用\newpage命令开始新的一页,在双栏排版中起到另起一栏的作用用\cle ...
用CSS巧控制段落缩进段落首字下沉
有关CSS段落缩进的语法如下: 语法: text-indent: <值> 允许值: <长度> | <百分比> 初始值: 0 文本缩进属性可以应用于块级元素(P,H1 ...
HTML首字下沉的编码,css如何实现首字下沉效果？伪元素+浮动实现效果（代码实例）...
在word文档中有一个首字下沉功能,可以在文章的排版时使用,有时能给文章增色不少.那么css可以实现这样的效果吗?本篇文章就给大家介绍css是如何实现首字下沉效果的,让大家可以了解如何用css的伪元素 ...
css入门教程网页首字下沉,CSS制作首字下沉_CSS Inline Layout Module, initial-letter, CSS3 教程_w3cplus...
在杂志排版中,常常能看到首字下沉的效果. 在Web的排版中,也常常能看到上图这样的效果.并且常常看到的是首段首字下沉.那么今天这篇文章咱们来聊聊如何使用CSS实现首字下沉效果. ::first-let ...
css实现文章首字下沉显示
要向实现下图文章首字下沉的效果, 需要使用css3中的:first-letter属性代码如下: css代码: .first::first-letter {font-size: 50px;float: ...
html首行下沉效果,CSS样式 | 段落首字下沉
HTML+CSS 实现段落首字下沉 HTML5学堂:在项目中,时常能看到了一种文字展示的特殊效果--首字下沉(如图).于是花了几分钟考虑了一下使用方法,脑测之后,又敲了敲代码实现了一下,写出来与大家分 ...
html——P标签文字超出省略、首字下沉效果和两端对齐
1.P标签: 块级标签垂直居中方式: height = line-height display: table; vertical-align: middle; text-indent:首行缩进属性 ...
css中设置首字下沉效果,CSS如何实现首字下沉效果？
我们在开发 web 页面时,如果是涉及到文字段落的开发,需要对文字设置一些特殊样式以增强 web 页面美观,提升用户体验度.那么今天 w3cschool 小编来教大家 CSS 如何实现首字下沉效果. ...
用CSS实现首字下沉效果，仿word的首字下沉
用过word的大部分人都知道,word里有一个首字下沉功能,在文章的排版时用,有时能给文章增色不少. 今天我们用css仿word的首字下沉功能,不用修改代码,只用到css的伪元素:first-lett ...

段落的首字下沉的效果

制作方法：

代码介绍如下：

段落的首字下沉的效果相关推荐

最新文章

热门文章