打印本文 打印本文 关闭窗口 关闭窗口
DreamWeaver+Css轻松实现网页段落首行缩进!
作者:武汉SEO闵涛  文章来源:敏韬网  点击数2445  更新时间:2009/6/9 2:31:48  文章录入:mintao  责任编辑:mintao

 用DreamWeaver来设计网页的用户知道:

在DreamWeaver中输入空格不是那么的方便,我们可以利用css来设计“首行缩进”功能来弥补这个缺憾。

打开DreamWeaver的设计界面,在该界面中找到CSS的属性定义对话框(Style Definition for .style1),在该对话框的“Block”标签下的“text-indent”属性定义设置项中来设置“首行缩进”功能,在这里要注意的是,所谓“首行”是指每段内容的第一行,也就是直接按回车键就形成了一个新的段落。缩进最好以“em”(字符)为单位,比如:汉字编排要求每段开始缩进两个汉字,设置好的CSS如下所示:

  〈style type="text/css"〉
  〈!--
  .style1 { text-indent: 2em}
  --〉
  〈/style〉
不会设计的网友,可以在页面中的HEAD区域中直接就插入代码:

style type="text/css"〉
  〈!--
  .style1 { text-indent: 2em}
  --〉
  〈/style〉

打印本文 打印本文 关闭窗口 关闭窗口