使用CSS设置段落首字下沉

2016-02-19 20:24 26 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享使用CSS设置段落首字下沉的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - Web开发 】

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

   制作方法:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

   定义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 定义字体的浮动方式,这里设置左对齐;

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

   Color:#990000: 定义字体的颜色值;

   Line-height:  定义字体的行高;

   Background-color: 定义字体的背景颜色。

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

   至此,我们的效果便制作好了,你不仿试试!

来源:http://www.tulaoshi.com/n/20160219/1623554.html

延伸阅读
标签: word
Word中首字下沉效果怎么设置   在很多的Word文件或者是书籍报刊等,都喜欢使用首字下沉效果来给文字档增加美观效果,但是很多的朋友,只见到过,却没有自己设置过。今天,我们就看来了解一下Word中的首字下沉的设置。 Word Word2003怎样设置首字下沉 首先,选种你要设置首字下沉的那个段落,然后单击菜单栏的格式中...
标签: wps教程
第一步:我们先将光标移至文字的前面。 第二步:然后在菜单栏点击格式,在显示的下拉栏里打开首字下沉。 第三步:显示首字下沉的设置。在里面选择下沉,设置好字体、行数、距正文,然后点击确定。 第四步:回到WPS主页,就可以看见首字...
标签: word
Word2013中怎样设置首字下沉或悬挂   第1步,打开Word2013文档窗口,将插入点光标定位到需要设置首字下沉的段落中。然后切换到插入功能区,在文本分组中单击首字下沉按钮。 第2步,在打开的首字下沉菜单中单击下沉或悬挂选项设置首字下沉或首字悬挂效果。 第3步,如果需要设置下沉文字的字体或下沉行数等选项,可以在...
标签: 办公软件
Word没有“首字下沉”这一功能。其实,我们只要对字符位置稍加设置,就可以实现“首字下沉”的效果。 1、启动Word,打开相应的文档。 2、选中第一个字符,将其字号设置大一些。 3、再次选中这个字符,执行“格式→字体”命令,打开“字体”对话框(如图1)。 4、切换到“字符间距”标签下,单击“位置”右侧的下拉按钮,在随后出现的下...
首字下沉的效果想必接触过Word文档的朋友都见识过吧,相对其他的文字来说,其具体有很不错的视觉效果,这是设置段落格式中必备的一项技巧。下面通过实例为大家介绍下“首字下沉”效果的具体制作过程,新手朋友们可以借此机会学习下。 简要概述 首先将光标移动到需要添加首字下沉效果的段落文字最前面。点击WPS菜单并调出“首...

经验教程

332

收藏

36
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部