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、字体样式