CSS学习总结

CSS学习总结

一、CSS介绍

二、背景

1、背景颜色 background-color

background-color:red;

2、背景图像 background-img

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

3、不让图像平铺 background-repeat

body{

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

    background-repeat:no-repeat;  表示背景图片平铺

或者background-repeat:repeat;      表示背景图片不平铺

}

4、改变背景图片的位置  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;}

二、文本样式

1、div边框

  1) div边框设置:

    border:1px  solid  red;

    border-radius:30px;  将边框画成圆角。

2、

三、字体样式