CSS3

CSS3=CSS2+新语法+新的属性

结构伪类

border-collapse

这个属性主要是用来合并表格的边框线    其值为：collapse

border-collapse:collapse;

伪元素

.box::before{

    /* 要在当前元素的最前面插入文字，必须将文字放在content中 */

    content:"文字";

}

文本阴影

text-shadow:水平阴影 垂直阴影 模糊距离 阴影颜色;

可以设置多个阴影，之间用逗号隔开

盒子阴影

box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内/外阴影（默认为outset）

水平阴影和垂直阴影必须写

也可以设置多个阴影，用逗号隔开

圆角矩形

border-radius:左上角 右上角 右下角 左下角;

• 如果只写一个值，则四个角的值都和这个值一样

透明度

只要是颜色都可以设置透明度

rgba(红色,绿色,蓝色,透明度)

a:表示透明度的意思   取值：0~1,0表示完全透明 1表示不透明

• 背景颜色透明度：background-color:rgba()
• 文本颜色透明度：color:rgba()
• 边框颜色透明度：border:1px solid rgba()