css其實並不會很複雜...所以我去找嚕一些資料
來教大家如何製作自己的網誌~~~go!!

背景部份：
background-color:#FFF;/設定背景的顏色
background-image:url("圖片網址");/設定背景圖片
background-attachment:no-fixed;/背景圖片是否鎖定位置
background-position: 0% 0%;/設定背景圖片X與Y的位置(0%~100%，50%可輸入center)
background-repeat:no-repeat;/背景圖片是否要重複


框線：
border:1px solid #FFF;/四周都有框線，粗細、樣式、色彩需同時存在
border-top:1px solid #FFF;/上邊框線
border-bottom:1px solid #FFF;/下邊框線
border-left:1px solid #FFF;/左邊框線
border-right:1px solid #FFF;/右邊框線


線條樣式整理：
none/無
dotted/點
dashed/虛線
solid/實線
double/雙線
groove/立體凹線
ridge/立體凸線
inset/立體嵌入線
outset/立體隆起線


與四周的距離：
padding/與四周的距離
padding-top/與上面的距離
padding-bottom/與下面的距離
padding-left/與左邊的距離
padding-right/與右邊的距離


※加入display: none就可隱藏，所以小心不要亂放！

※游標在超連結上方時連結位移：
a:hover{position:relative;top:1px;right:1px;}

※連結底線消除：
text-decoration:none;/沒有底線
text-decoration:underline;/為連結有底線

※設定文字位置：
text-align:center;　
有left、center、right/三種位置：左、置中、右。

※設定字形：
font-weight:normal;/字形正常
font-weight:bold;/字形粗體

※設定字型：
font-family:georgia, verdana, arial, sans-serif;

※設定透明度：
filter:alpha(Opacity=100, FinishOpacity=60, Style=1)

※文字間的距離
letter-spacing: .2em; 

其實CSS並沒有那麼難懂  喔!!!  加油喔!!

好好的美化自己的網誌ㄅ

☆【此文章來自Fountain & Mumur 的聯合網誌 】☆

arrow
arrow
    全站熱搜

    秘密 發表在 痞客邦 留言(1) 人氣()

    E-mail轉寄