之前分享了一些語法是否有些乏味呢?今天就來點甜點吧!大家都可以試試看喔! 

1)先從素材網站中找到有關mail和home的圖片(文字圖片亦可)。
2)將圖片上傳至無名的相簿裡。
3)將以下的語法修改後copy,貼在css裡。 
4)0px 0px 代表圖片的位置。前面為橫的方向,後面為直的方向。 
5)大功告成了!快去回應區看成果囉!(找已經有人回應過的文章)
6)如果看到的是不完整的圖片,有可能是圖片太大了。請補上
    width: 寬度; 和height: 長度; 就可以了。


 /*回應區相關資料的圖片*/ 
.comments-post img{ 
  display: none;  /*不顯示原來的圖片*/
 } 

/*放上新的圖片*/ 

.postemail{/*信封*/ 
                 display: inline-block;
                 background:url(圖片路徑) no-repeat 0px 0px;
                 width: 寬度
                 height:
 } 

.postweb{/*房子*/ 
             display: inline-block;
             background:url(圖片路徑) no-repeat 0px 0px;
             width: 寬度
             height:
}


 【公告】

  語法修正!【10‧04‧2005更新】




創作者介紹
創作者 Amy's Blog 的頭像
d02150

Amy's Blog

d02150 發表在 痞客邦 留言(16) 人氣( 5 )