源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 658|回复: 20

[Dreamweaver教程] dreamweaver怎么设置段落首行自动缩进两个字符?

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2016-11-20 12:55:33 | 显示全部楼层 |阅读模式
dreamweaver怎么设置段落首行自动缩进?dreamweaver制作网页的时候,想要让文字首行自动缩进两个字符,该怎么设计呢?下面我们就来看看详细的教,需要的朋友可以参考下

dreamweaver网页设计中为了让页面更加好看,有时候会给段落添加一些样式,让段落可以自动首行缩进两个字符,今天我就来讲讲dw怎样实现首行缩进这个功能。

软件名称:
adobe dreamweaver cc 2014 32&64位中文破解安装版(附破解教程)
软件大小:
320MB
更新时间:
2014-06-25

1、打开软件,新建一个html文件,设计一个段落<p></p>。

20161120125719186.jpg

20161120125719186.jpg

2、然后在浏览器预览,可以看到首行没有自动缩进。

20161120125719187.jpg

20161120125719187.jpg

3、然后我们在<p></p>标签里面添加(style=“text-indent:2em"),注意,要在英文状态下输入。

20161120125719188.jpg

20161120125719188.jpg

4、再次预览,可以看到首行已经自动换行了。

20161120125719189.jpg

20161120125719189.jpg

5、当然,还有另外方法,我们可以在<body></body>标签外添加<style></style>标签。

20161120125719190.jpg

20161120125719190.jpg

6、然后再在<style></style>标签里面定义段落p的样式。

20161120125719191.jpg

20161120125719191.jpg

7、最后,在p样式里面就可以写入”text-indent:2em;"代码来实现首行缩进了。

20161120125719192.jpg

20161120125719192.jpg

8、可以看到这里有两个段落。

20161120125719193.jpg

20161120125719193.jpg

9、在外面定义样式就可以使得所有的段落自动换行,不用重复写一样的代码了,是不是很有趣。

20161120125719194.jpg

20161120125719194.jpg

注意事项:

标点符号要在英文状态下输入。

相关推荐:

Dreamweaver怎么在网页中显示一个圆角矩形?

dreamweaver cs5怎么给网页制作图片的挤压效果?

Dreamweaver建立的站点怎么更改图像的默认文件夹位置?

回复

使用道具 举报

4

主题

2万

回帖

316

积分

中级会员

Rank: 3Rank: 3

积分
316
发表于 2022-9-7 03:15:27 | 显示全部楼层
谢谢楼主分享
回复 支持 反对

使用道具 举报

3

主题

2万

回帖

156

积分

注册会员

Rank: 2

积分
156
发表于 2022-10-8 22:42:03 | 显示全部楼层
有什么好的服务器
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

381

积分

中级会员

Rank: 3Rank: 3

积分
381
发表于 2022-10-24 01:01:14 | 显示全部楼层
天天源码社区。。。。
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-12-14 05:56:19 | 显示全部楼层
好东西一定要看看!
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-1-15 10:01:56 | 显示全部楼层
谢谢下载来看看
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-3-27 10:32:45 | 显示全部楼层
你们谁看了弄洒了可能
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-3-31 08:46:26 | 显示全部楼层
哦哦哦哦哦哦哦哦哦
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

307

积分

中级会员

Rank: 3Rank: 3

积分
307
发表于 2023-7-12 02:33:48 | 显示全部楼层
很好,谢谢分享
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

68

积分

注册会员

Rank: 2

积分
68
发表于 2023-8-29 21:01:54 | 显示全部楼层
感谢楼主分享
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-24 10:36 , Processed in 0.111097 second(s), 27 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表