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如何把文字居中
  • 热门搜索
    桎梏是什么意思 nemo什么意思 暗度陈仓意思 眷顾是什么意思 低密度脂蛋白偏高是什么意思 儿童餐椅什么牌子好 何不食肉糜是什么意思 梦见自己拉屎是什么意思 风扇灯什么牌子好 玫瑰茶的功效与作用