第三课 CSS的属性与用法

1、border 边框

可以按顺序设置如下边框属性： 

属性	值	描述
border-width	以PX为单位	边框的粗细
border-style	1、solid      实线 2、dashed  虚线 3、dotted   点线	边框的样式
border-color	可以用英文，如：red 也可以在色板里选择	边框的颜色

通常采用简写的方式：

简写方式：
border:solid 1px #FOF;

实例： 

HTML部分：

<div id="d1"></div>

CSS部分：

#d1
{
    width:100px;            /* 宽度 */
    height:100px;           /* 高度 */
    border:solid 1px #F0F;  /* 边框 */  
}

效果：

高度为100px 宽度为100px 实线 1px粗线 #F0F颜色

2、background 页面背景

属性	描述
background-color	背景颜色
background-image	背景图片
background-position	背景图像的位置
background-attachment：fixed	定义背景图片是否固定或者随着页面的其余部分滚动
background-repeat	背景图像重复， repeat-x 横向铺满 repeat-y 纵向铺满 no-repeat 不铺满
background-size:cover	拉伸铺满

3、table 表格样式

table
{
    whidth:400px;
    height:400px;
    border:solid 1px red;
    border-collapse:collapse;
}

留意：border-collapse:collapse

让表格的边框合并为单一的边框