CSS學習總結

CSS學習總結

1、CSS介紹

2、背景

一、背景顏色 background-color

background-color:red;

二、背景圖像 background-img

background-img:url('abc.jpg');

三、不讓圖像平鋪 background-repeat

body{

    background-img:url('abc.jpg');

    background-repeat:no-repeat;  表示背景圖片平鋪

或者background-repeat:repeat;      表示背景圖片不平鋪

}

四、改變背景圖片的位置  background-position

body{

    background-img:url('abc.jpg');

    background-repeat:no-repeat;  表示背景圖片平鋪

或者background-repeat:repeat;      表示背景圖片不平鋪

    background-position:right top;  表示圖片的位置位於右而且靠上

}

能夠簡寫爲：

body {background:red url('abc.jpg') no-repeat right top;}

2、文本樣式

一、div邊框

  1) div邊框設置:

    border:1px  solid  red;

    border-radius:30px;  將邊框畫成圓角。

二、

3、字體樣式