Page 26 - eFG11203_丙級網頁設計含資訊類題庫工作項目解析學術科通關寶典_課本PDF
P. 26

丙級 網頁設計 術科

                                       (3) 屬性區,字體選「標楷體」,完成如右圖。
                                 範例 3:圖片置於文字下方(詳見 104302 題 swimming.html 網頁)

                                       (1) 在屬性區,目標規則選 < 新增 CSS 規則 >,按                                  ,出現 CSS
                                           規則視窗如下所示,選取器名稱「back1(自訂)」。

                                       (2) back1 的 CSS 規則設定:「背景」頁籤下,
                                           設定 Background images 背景圖案為:../images/0207.png;
                                           設定 Background repeat 背景重複為:no-repeat;
                                           設定 Background position(X) 背景位置為:center;
                                           設定 Background position(Y) 背景位置為:bottom。





                                                         1
                                                                                            3         2
                                                                                        4

                                                                                              5
                                                                                              6






                                                                                       8               7



                                       (3) 將圖片設定為背景結果如下:














                                       (4) 設定儲存格高度大於圖片高度後,背景圖片即可下沉如試題本所
                                           示:

























             0-18






          '(     @ஔ߅     ਿ͉ٝᗆ 1IPUP*NQBDU  JOEE                                                                               ɨʹ
   21   22   23   24   25   26   27   28   29   30   31