使用CSS设置段落首字下沉

茗嫄

茗嫄

2016-02-19 20:24

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

  我们在使用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: 定义字体的颜色值;

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

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

使用CSS设置段落首字下沉

Web开发
使用CSS设置段落首字下沉

Word2007段落首字下沉设置教程

word
Word2007段落首字下沉设置教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS实战:美化段落文本之首字下沉

Web开发
CSS实战:美化段落文本之首字下沉

使用CSS控制段落首行缩进

Web开发
使用CSS控制段落首行缩进

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Word2007巧设首字下沉突出段落

word
Word2007巧设首字下沉突出段落

CSS实现段落首行缩进

Web开发
CSS实现段落首行缩进

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

设计及设计模式:java23种模式一点就通

设计及设计模式:java23种模式一点就通

XP用户实现打印机共享

XP用户实现打印机共享
下拉加载更多内容 ↓