接下來要分享的東東會讓你的網誌看起來大不同喔。如果大家套用的版面
是比較之前的樣式,你可能找不到這個設定。現在許多新的套用版面就
是加了#container1、#container2,才會讓網誌看起來比較集中,版面的顏色
才會更一致。
以下是我的版面 「遇見幸福的花朵」裡所設定的語法。
#container1 {
width:830px; /*這張圖的寬度 */
BACKGROUND: url(http://home.pchome.com.tw/love/d02150/blog_img/MIDDLE.jpg) repeat-y ;
}
是比較之前的樣式,你可能找不到這個設定。現在許多新的套用版面就
是加了#container1、#container2,才會讓網誌看起來比較集中,版面的顏色
才會更一致。
以下是我的版面 「遇見幸福的花朵」裡所設定的語法。
#container1 {
width:830px; /*這張圖的寬度 */
BACKGROUND: url(http://home.pchome.com.tw/love/d02150/blog_img/MIDDLE.jpg) repeat-y ;
}
我就是用這張圖讓它做直的重複 ( repeat-y ),這樣上、下的圖片就會被連接起來。例如↓


所以我整個基本版面只用到三張圖就可完成了!然後放上背景圖,網誌的版面就不一樣囉!
如果大家沒有圖片的編修軟體,就先copy以下的設定貼在css裡,試試#container1究竟是代表什麼,這樣或許會更有概念。
#container1{
width:650px; /* 寬度 */
background:pink; /* 背景色,可自行修改 */
border:1px solid black; /* 邊框的顏色,可自行修改 */
}
請先 登入 以發表留言。