有關背景換圖 @ The corner of Vicky :: 隨意窩 Xuite日誌
  • 分享精美網頁素材、CSS教學、Flash教學、還有許多Blog小玩意喔!

    1. 沒有新回應!
  • 部落格廣告
  • 有關Vicky
  • Welcome
  • 我的小雨滴
  • Google
  • 2007-06-26 21:50 有關背景換圖
    平均分數:0 顆星    投票人數:0
    我要評分:

    背景換圖法 ── 純粹 embeding css 寫法 

    <style>
    .s1{
    /*background: url(Arrow.gif) repeat-x /*
    指定背景圖檔(在此為
    "ani.gif")*/
    /*bottom; /*
    重複方向與位置
    */
    background: url(onload.gif) 1px 3px no-repeat; /*指定載入圖檔
    */
    padding-left: 4px; /*
    設定文字與圖檔的左間距
    */
    padding-right: 4px; /*
    設定文字與圖檔的右間距
    */
    padding-bottom: 6px; /*
    設定文字與圖檔的下方間距
    */
    color: #cccccc; /*
    文字色彩
    */
    text-decoration: none; /*
    設定為無底線
    */
    }

    .s1:hover {
    background: url(hover.gif) no-repeat; /*指定換用圖檔
    */
    color: #669900; /*
    文字色彩
    */
    }

    Vicky / Xuite日誌 / 回應(0) / 引用(0) / 好文轉寄
    回應