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

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

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

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

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

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

(圖一:點圖放大)

(圖二:點圖放大)

【7.2 CSS尋寶遊戲解答】


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

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

分享此篇文章

延伸閱讀

【關於作者】艾瑪 | amarylliss

台灣第一位全職旅遊部落客受邀出國旅遊超過百次(受邀列表),1996年起於台大椰林BBS自助旅行版(Tour Abroad)發表旅遊心得並擔任版主,2000年起於明日報/ANYWAY旅遊網分享旅遊心得,2003年起任艾瑪隨處走走部落格格主至今,從無名小站至痞客邦,目前回歸個人部落格持續經營;更詳細網路書寫歷史請參考關於我聯繫、合作或邀約請聯繫:[email protected]

 Email Facebook Flickr YouTube Instagram

TG按讚:0

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

  1. 有喔 宇媽,
    我今天下午過去看的時候
    發現撐傘的不知道是小熊還是啥的
    站在泡泡魚身上
    好可愛啊!^^

  2. 喔,鬱金香,對啊!
    好的素材店,大家都遲早會去咩~
    呵呵… …

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

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

  5. 😀 我不知道該給你那一行原始碼,所以全貼上來了,抱歉
    應該是給你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}

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

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

Comments are closed.