close

一個在大型網站常見的格式，就是將文字繞著一個圖案顯現。這是用 float (浮動) 這個屬性來達成的。

float 屬性有三個可能的值：left、right、和 none。來看看以下的例子：

例 1：若有以下的 CSS 宣告，

#leftfloat {
  float:left;
}

那以下的 HTML 碼，

<span id="leftfloat"><img src="yp.jpg"></span>這個例子是用來顯示 float:left 會如何影響整個頁面的呈現。在這裡，圖案浮動於左邊。

就會顯現為，

這個例子是用來顯示 float:left 會如何影響整個頁面的呈現。在這裡，圖案浮動於左邊。

例 2：若有以下的 CSS 宣告，

#rightfloat {
  float:right;
}

那以下的 HTML 碼，

<span id="rightfloat"><img src="yp.jpg"></span>這個例子是用來顯示 _fcksavedurl=""yp.jpg"></span>這個例子是用來顯示" _fcksavedurl=""yp.jpg"></span>這個例子是用來顯示" float:right 會如何影響整個頁面的呈現。在這裡，圖案浮動於右邊。

就會顯現為，

這個例子是用來顯示 float:right 會如何影響整個頁面的呈現。在這裡，圖案浮動於右邊。

arrow
arrow
    全站熱搜

    connievoss 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄