CSS H1 標題置中與靠右語法 - Wibibi

網頁中最重要的標題通常會用

標籤來標示，請參閱：HTML H1 H2 H3 H4 H5 H6 標題。

CSS text-align 置中語法. . 首頁 HTML HTML5 PHP MySQL CSS CSS3 JavaScript 軟體介紹 其它 Home › CSS › CSSH1標題置中與靠右語法 CSSH1標題置中與靠右語法 H1標題本身其實是一個區塊性質，預設會佔掉一行的空間，雖然我們無法直接設定H1標題文字置中或是靠右，但我們可以透過DIV區塊間的關係，來設計出H1標題文字置中的效果。

為了能夠清楚的了解讓H1標題文字置中或是靠右的手法，我們先將程式分為＂H1標題語法＂以及＂CSStext-align置中語法＂這兩個部分，然後再做結合看輸出結果。

H1標題語法這裡是範例標題這裡是文章內容.....................網頁中最重要的標題通常會用標籤來標示，請參閱：HTMLH1H2H3H4H5H6標題。

CSStext-align置中語法DIV區塊標籤使用了text-align:center這樣的語法，其中的所有元素都會置中，詳細用法請參閱：CSStext-align水平對齊。

CSSH1置中與靠右的語法結合這裡是置中範例標題這裡是文章內容.....................這裡是靠右範例標題這裡是文章內容.....................輸出結果如這裡是置中範例標題這裡是文章內容.....................這裡是靠右範例標題這裡是文章內容.....................從範例中顯而易見，H1之所以能夠置中或是靠右，主要是因為上層的DIV區塊設定了文字的排版方式，DIV區塊制定其內部的所有元素都要置中或靠右，所以標題文字也跟著置中或靠右，這樣的寫法與H1標籤早期預設的align不太一樣。

相關主題研究CSStext-align水平對齊CSStext-shadow替H1標題加陰影HTMLH1H2H3H4H5H6標題CSSDIV置中CSSDIV區塊標籤的使用教學 您可能會想看 CSSspan區域文字字型設計 CSSspan區域邊框顏色與樣式設計 CSSspan區域背景顏色設計 CSSdisplay:inline-block效果 CSSa連結樣式效果設計 用CSS設計出三角形圖案 CSSdisplay屬性 CSSboxmodel盒子模型 CSSlist-style列表屬性 用CSS設計HTMLbutton按鈕大小 今日熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 即時熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 ©Copyrightwibibi.com網頁設計教學百科基礎的網頁設計規劃、資料庫與程式設計Since2012