css学习笔记1206

一、背景设置：

1.背景颜色：

background-color：颜色名;

2.背景图片插入：

background-image:url(图片路径+图片名); 
3.背景图片填充设置：  

background-repeat:no-repeat;     /*  不填充*/

background-repeat:repeat-x     /* 水平方向填充 */

background-repeat:repeat-y    /* 竖直方向填充 */

  /*不写这个属性，水平跟竖直都填充*/   

4.背景图片定位设置：
background-position:left/center/right top/center/bottom; /* 设置区块左上角为基准点
 */

或

background-position:像素 像素; /* 设置区块左上角为基准点
 */

可用于png图片的截取：

background-position: -像素 -像素;

二、边框:

1.样式

border-style：none  solid  dashed  dotted  double  ridge  groove  inset  outset

2.粗细

border-width：像素

3.颜色

border-color: 颜色名

三、行内元素和块状元素

1.行内元素(span,a i b等) 在同一行显示,宽度跟高度不起作用

2.display:inline-block;       /*行内块*/
   display:block;                /*行内元素转化成块状元素(竖直方向排列)*/
   display:none;                /* 隐藏起来*/