DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV CSS網頁布局中對段落進行排版的方法
DIV CSS網頁布局中對段落進行排版的方法
編輯:CSS詳解     

DIV CSS布局中段落使用

標簽,對於段落的上下左右的空白(縮進)可以使用margin標簽定義樣式,而對於段落內部的空白,我們可以用padding來實現。

DIV CSS網頁布局中對段落進行排版的方法

margin屬性

DIV CSS布局中段落使用

標簽,對於段落的上下左右的空白(縮進)可以使用margin標簽定義樣式。margin有上、下、左、右四個方向的定義,正常情況下,我們可以用一行來描述我們需要的樣式。

例如:margin:20px8px8px20px;

此句分別表示了:margin-top;margin-right;margin-bottom;margin-left。

四個數值的順序分別是:上、右、下、左。是依時12:00開始的順時針方向。

如何上下的值一致,左右的值一致,我們可以再進行優化。

可以寫成:margin:20px8px;

此句分別表示了:上下、左右。

對於段落內部的文字對齊方式,一般用text-align,比如:text-align:center;等。

下面以實例的形式來看不同的段落排版:

  1. "http://www.w3.org/TR/xhtml1/DTD/xHtml1-strict.dtd">
  2. <HtmlXMLnsHtmlXMLns="http://www.w3.org/1999/xHtml">
  3. <head>
  4. <metahttp-equivmetahttp-equiv="Content-Type"content="text/Html;charset=utf-8"/>
  5. <title>webjx.comtitle>
  6. <styletypestyletype="text/CSS">
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved