CSS3记录

CSS3 是最新的 CSS 标准。

CSS3 圆角

border-radius:25px;//一个值： 四个圆角值相同
border-radius:25px 25px;//两个值: 第一个值为左上角与右下角，第二个值为右上角与左下角
border-radius: 15px 50px 30px 5px://四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角

CSS3 盒阴影

//水平阴影，垂直阴影，模糊的距离，以及阴影的颜色
box-shadow: 10px 10px 5px #888888;

CSS3 渐变

//从上到下的线性渐变
#grad {
    background-image: linear-gradient(#e66465, #9198e5);
}

//从左到右的线性渐变
#grad {
  height: 200px;
  background-image: linear-gradient(to right, red , yellow);
}

//从左上角到右下角的线性渐变
#grad {
  height: 200px;
  background-image: linear-gradient(to bottom right, red, yellow);
}