手机
当前位置:查字典教程网 >网页设计 >Dreamweaver教程 >dreamweaver怎么设置段落首行自动缩进两个字符?
dreamweaver怎么设置段落首行自动缩进两个字符?
摘要:dreamweaver网页设计中为了让页面更加好看,有时候会给段落添加一些样式,让段落可以自动首行缩进两个字符,今天我就来讲讲dw怎样实现首...

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

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

dreamweaver怎么设置段落首行自动缩进两个字符?1

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

dreamweaver怎么设置段落首行自动缩进两个字符?2

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

dreamweaver怎么设置段落首行自动缩进两个字符?3

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

dreamweaver怎么设置段落首行自动缩进两个字符?4

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

dreamweaver怎么设置段落首行自动缩进两个字符?5

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

dreamweaver怎么设置段落首行自动缩进两个字符?6

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

dreamweaver怎么设置段落首行自动缩进两个字符?7

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

dreamweaver怎么设置段落首行自动缩进两个字符?8

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

dreamweaver怎么设置段落首行自动缩进两个字符?9

注意事项:

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

【dreamweaver怎么设置段落首行自动缩进两个字符?】相关文章:

Dreamweaver怎么设置框架文本

Dreamweaver中CSS面板该怎么设置?

dreamweaver怎么做滚动字幕

dreamweaver技巧之设计彩色文字链接示例

dreamweaver怎么做一个简单的网页?

Dreamweaver中怎么创建文件夹

Dreamweaver单元格怎么合并?

Dreamweaver显示隐藏元素行为

用Dreamweaver设置自动更新链接方法

DreamWeaver插件 Javascript文件美化、自动缩进

精品推荐
分类导航