之前分享了一些語法是否有些乏味呢?今天就來點甜點吧!大家都可以試試看喔!
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更新】
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更新】
請先 登入 以發表留言。