CSS常用属性

CSS （二）

1、            图片效果

1）              图片边框

Border

Border-style	Border-color	Border-width
Dotted 点划线 Dashed 虚线 Solid 实线	颜色	宽度

border：solid 1px #f00;

2）              图文混排

例：1.html

2.html

2、设置网页背景

   1）背景颜色

     Background-color

     例：3.html,4.html

3）              背景图片

  （1）Background-image:url(xx.jpg)  例：5.html

  （2）背景图的重复  例：6.html

垂直方向重复	水平方向重复	不重复
Background-repeat:repeat-y	Background-repeat:repeat-x	Background-repeat:no-repeat

      （3）背景图片位置     例：7.html

       Background-position:30% 70%

       Background-position:300px 25px

      （4）固定背景图片 例：8.html

       Background-attachment:fixed;

      （5）多个背景图片  例：9.html

      （6）样式综合设置

     Background-color:blue;

     Background-image:url(xx.jpg);

     Background-repeat:no-repeat;

     Background-attachment:fixed;（背景图片固定，用于背景内内容大于背景时候使用）

     Backdground-position:5px 10px;(图片方位距离左边和上边）

     Backdground-size:cover;(让图片拉升铺满整个背景）

     Background:blue url(xx.jpg) no-repeat fixed 5px 10px;（写到一起最方便）

3、a:link(正常浏览状态）

　　a:visited（被点击过的链接样式）

　　a:hover（鼠标经过的样式）

　　a:active(被激活的样式）

4、overflow:auto（文本超过后使用自动）