大众计算机学习网欢迎诸位!收藏本站注 册登 陆
常用教程:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 教程 > 文章页

DreamWeaver+Css轻松实现网页段落首行缩进!

Admin | 2007-11-18 23:10:58 | ReadNums | 9376 | 标签 网页制作 | 打印本页
     

 用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〉


问题未解决:在线咨询我要在线咨询问题

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日