[CSS]尋寶遊戲—5 (final)

大家已經疲乏了吧?也慢慢覺得無聊了:P
那就今天告一段落。

這幾天有人問:為什麼我的女孩會從圖一的位置,打開繼續閱讀後,就跑掉了?嘿嘿∼變魔術喔?其實這是圖片設定的地方不同嘛!既然會在不同的地方,一定是設定不同囉!動一動腦,為什麼他會在不同的地方?相同的地方是什麼?不同的地方是什麼?(嗯嗯∼ 好像做很多語析後,這種分析的能力會便好說∼ )

相同的地方就是:他們都在白色一篇文章的底部。
不同的地方在:簽名區不會跑,但是女孩圖片會移動。

簽名區我之前已經提過了,今天最後一題就是:
「為什麼我的女孩圖片會動呢?會從圖一變到圖二的地方?」
請作答!

今天只要一有人答對,我就立刻公布答案。
誰叫今天颱風,放假呢!:P

(圖一:點圖放大)

(圖二:點圖放大)

【7.2 CSS尋寶遊戲解答】


.blogbody {
url(&#039網址&#039) no-repeat right bottom;
}

邊界啦 margin 墊充 padding 請根據自己選擇的圖片,及需要置放的位置來調整。今天的冠軍則是葛羅,大家給她鼓勵一下。

18 thoughts on “[CSS]尋寶遊戲—5 (final)”

  1. 謝謝你提供這麼多資訊,這二天很努力地在研究,也想把自己的blog
    弄得美美的哩
    不過,我照著上面的語法,打在我的CSS樣表裡,可小圖沒有出現在
    右下方耶,請教一下,到底該怎麼做啊?
    不好意思,這問題真的是有點蠢……

  2. 木頭人啊
    這比隔空抓藥還難
    總得給我一個你的原始碼或者什麼訊息的
    不然我真的也不知道你寫的CSS
    錯在哪裡
    要怎麼修正哩

  3. 😀 我不知道該給你那一行原始碼,所以全貼上來了,抱歉
    應該是給你blogbody的部份吧
    blog {PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
    FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND:
    none transparent scroll repeat 0% 0%; PADDING-
    BOTTOM: 10px; COLOR: #663300; PADDING-TOP: 10px}
    .blogbody {BORDER-RIGHT: #b26935 2px solid;
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE:
    small; BACKGROUND: #ffffcc; PADDING-BOTTOM: 10px;
    WIDTH: auto; COLOR: #000000; LINE-HEIGHT: 150%;
    PADDING-TOP: 10px; BORDER-BOTTOM: #b26935 2px
    solid}
    .blogbody A:link {BACKGROUND: none transparent scroll
    repeat 0% 0%; COLOR: #006633; TEXT-DECORATION:
    none}
    .blogbody A:visited {BACKGROUND: none transparent
    scroll repeat 0% 0%; COLOR: #ff9900; TEXT-
    DECORATION: none}
    .blogbody A:active {BACKGROUND: none transparent
    scroll repeat 0% 0%; COLOR: #006633; TEXT-
    DECORATION: none}
    .blogbody A:hover { COLOR: #ffffff; BACKGROUND-
    COLOR: #b27500; TEXT-DECORATION: underline}

  4. 我沒說明清楚,真不好意思,我本來是照葛羅提供的寫,然後就貼在
    CSS樣表裡,就下面這個
    .blogbody {background-position:right bottom;
    background-repeat:no-repeat background-image: url(網
    址);}
    可,貼完後 blog就花容變色,我就又把他給刪了。我應該把語法加
    在哪哩,頭昏中…

  5. .blogbody {
    background-position:right bottom;
    background-repeat:no-repeat;
    background-image: url('網址');
    }
    ————————
    木頭人,
    葛羅幫你寫的大致上都是對的
    小地方不知道是你漏寫了還是…..
    1. no-repeat 後的分號沒寫到,宣告不完整。
    2. 網址要用''引起來,你沒引到。
    上面這樣應該是可以了, 你試看看吧!

發表迴響

你的電子郵件位址並不會被公開。