网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2024/5/30 浏览:3 次 )

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

软件名称:
adobe dreamweaver cc 2014 中文安装版 32&64位
软件大小:
320MB
更新时间:
2014-06-25立即下载

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

注意事项:

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

相关推荐:

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

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

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

上一篇:Dreamweaver注释怎么设置快捷键?
下一篇:Dreamweaver CS5怎么设计制作网页框架?
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网