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); }

浙公网安备 33010602011771号