CSS文本实例:使用数值来设置行间距

CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身。在实际的开发中,使用 CSS
最好的方式是引用外部样式表。
这里介绍CSS文本实例:使用数值来设置行间距

步骤/方法

  • 01

    <html> <head> <style type="text/css"> p.small { line-height: 0.5 } p.big { line-height: 2 } </style> </head> <body> <p> 这是拥有标准行高的段落。 默认行高大约是 1。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 </p> <p class="small"> 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 </p> <p class="big"> 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 </p> </body> </html>

  • 02

    运行结果

(0)

相关推荐

  • CSS背景实例:将图像设置为背景

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS背景实例:将图像设置为背景 步骤/方法 ...

  • CSS文本实例:规定字符间距

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS文本实例:规定字符间距 步骤/方法 01 ...

  • CSS字体实例:设置字体的粗细

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS字体实例:设置字体的粗细 步骤/方法 0 ...

  • CSS边框实例:设置下边框的样式

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置下边框的样式 步骤/方法 ...

  • css设置行间距

    css提供了一个设置行间距的line-height属性,可以通过line-height设置每行文字的距离. 语法:line-height: 300%; 操作方法 01 打开html开发工具,新建一个h ...

  • CSS边框实例:设置左边框的宽度

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置左边框的宽度 步骤/方法 ...

  • CSS边框实例:设置右边框的宽度

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置右边框的宽度 步骤/方法 ...

  • CSS边框实例:设置左边框的样式

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置左边框的样式 步骤/方法 ...

  • css表格实例:设置表格的布局

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS表格实例:设置表格的布局!! 步骤/方法 ...