CSS教程 7 網頁段落行間距控制的例項

2022-09-25 19:06:10 字數 1610 閱讀 1922

1、使用百分比設定行間距

本例演示如何使用百分比值來設定段落中的行間距。

《程式設計客棧style type="text/www.cppcns.comcss">

p.small

p.big

這是擁有標準行高的段落。

在大多數瀏覽器中預設行高大約是 110% 到 120%。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

2、使用畫素值設定行間距

本例演示如何使用畫素值來設定段落中的行間距。看到本資訊說明你在認真閱讀教程,這句話和教程無任何關聯,網頁教學webjx.com只是為了防止採集。

這是擁有標準行高的段落。

在大多數瀏覽器中預設行高大約是 20px。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段程式設計客棧落擁有更大的行高。

這個段sitzlmxtf落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

3、使用數值來設定行間距

本例演示如何使用乙個數值來設定段落中的行間距。

這是擁有標準行高的段落。

預設行高大約是 1。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

本文位址: /web/css/26798.html

16網頁前端CSS 盒子模型

一 盒子模型 1 內補白 內補丁 padding 檢索或設定物件四邊的內部邊距,如padding 10px padding 5px 10px padding top 檢索或設定物件頂邊的內部邊距 padding left 檢索或設定物件左邊的內部邊距 padding right 檢索或設定物件右邊的...

CSS3網頁固定背景視覺差特效

這是一款非常實用的 css3網頁固定背景 視覺差特效外掛程式。該固定背景特效可以在頁面中固定某些元素,在頁面滾動的時候可以修改這些元素的視覺效果,從而製作出一種滾動視覺差的特效。該固定背景視覺差特效的效果都是使用css3來完成的,jquery 只是用於管理上下導航按鈕的事件。該效果主要使用css的b...

css3 11 網頁如何使用自定義字型

來引入,使用的時候就使用自己定義的名字來使用這個字型。宣告7 font face 8 使用13 在style裡面 font face 網頁中的字型使用者電腦沒有,伺服器上也沒有的問題 現在只要 有就可以啦 宣告字型的時候會指定名字,用的時候直接使用這個名字就可以了 7 font face 8 12 ...