dw(网页设计)中怎样让段落首行自动缩进

 时间:2024-10-20 02:26:08

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

dw(网页设计)中怎样让段落首行自动缩进

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

dw(网页设计)中怎样让段落首行自动缩进

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

dw(网页设计)中怎样让段落首行自动缩进

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

dw(网页设计)中怎样让段落首行自动缩进

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

dw(网页设计)中怎样让段落首行自动缩进

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

dw(网页设计)中怎样让段落首行自动缩进

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

dw(网页设计)中怎样让段落首行自动缩进

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

dw(网页设计)中怎样让段落首行自动缩进

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

dw(网页设计)中怎样让段落首行自动缩进
  • Dreamweaver如何设置文字环绕图片
  • Dreamweaver图文排版-文字在左图片居右设置
  • Dreamweaver中如何设置图片浮动【图文排版】
  • Dreamweaver中如何设置表格边框颜色
  • DW如何把文字居中
  • 热门搜索
    武夷山自助旅游攻略 西安冬季旅游攻略 东海岛旅游度假区 广东旅游局官网 旅游海报 罗平旅游景点 珠海户外旅游网 云浮旅游景点大全 昆明市区旅游景点 山东清明节旅游好去处