圆角

border-rsdius设置圆角。四个角值一样时，缩写成一个值。 border-radius: 150px;

第一个参数左上，右下角。第二个参数左下，右下border-radius: 50px 20px;

四个角不缩写时，顺序：左上，右上，右下，左下border-radius: 30px 20px 10px 50px;

只设置一个角时，可以用四个参数border-radius: 30px 0 0 0;

也可以单独设置每个角的圆角

border-top-left-radius: 50px;                 //左上

border-top-right-radius: 20px;             //右上

border-bottom-right-radius: 10px;          //右下

border-bottom-left-radius: 30px;            //左下

边框三角

当四个边框值一样时，产生四个直角三角形 当左右边框和上下边框值不一样时，产生各种角度的三角形

border-top: 20px solid #fff;

border-right: 30px solid #000;

border-bottom: 20px solid #000;

border-left: 30px solid #000;

                              table表格

thead 代表表头 tbody 代表表体 tfoot 代表表尾(可以省略 系统会自动补充对应标签)

加上边框 border对应边框的粗细

单元格合并      rowspan列合并         colspan行合并

边距      cellpadding单元格的内边距             cellspacing单元格的外边距

                                   伪类

按照顺序写 link visited hover active

a:link 未激活状态

a:visited 已访问状态

a:hover 鼠标指向a标签时

a:active 鼠标点中a标签时

背景图片

设置背景图片 url href src 都是路径

设置背景图片是否重复（平铺）

background-repeat:

repeat:平铺

repeat-x:x轴平铺；

repeat-y：y轴平铺

no-repeat:不平铺

设置图片大小 background-size: 100px  50px

第一个长度是x轴长度

第二个长度是y轴长度

两个长度可以缩写成一个

使用百分比单位 标签的宽和高比例

contain(包含) 让图片刚好放到容器中

cover(覆盖)        图片有可能超出容器