图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享使用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
看过《使用CSS设置段落首字下沉》的人还看了以下文章 更多>>