-
SS3 Gradient分为线性渐变(linear)和径向渐变(radial) background-image:linear-gradient(to top right,#fff,#999); 第一个参数指定渐变方向,默认为“180deg”,等同于“to bottom”,也可以为表示“角”的关键词。0度表示渐变方向从下向上,90度表示从左向右,180度表示从上向下,270度表示从右向左。与之一一对应的关键词为to top、to right、to bottom和to left。除此之外,还可以使用“top left”左上角到右下角、“top right”右上角到左下角等。 第二个和第三个参查看全部
-
为边框应用图片 border-image border-image:url(图片路径) 70 70 70 70 repeat/round/stretch查看全部
-
多种色彩的边框 border-colors 使用方法: #border-colors { border-width:10px; border-style:solid; border-top-colors:#100 #300 #600 #800 #900; border-right-colors:#100 #300 #600 #800 #900; } 不能统一设置边框,如border-colors:#999 #666; 因为本属性为伪属性,其分裂后才是有效属性查看全部
-
多种色彩的边框 border-colors border-colors是对边框添加多个颜色。 如果你设置了border的宽度是Npx,那么你就可以在这个border上使用N种颜色,每种颜色显示1px的宽度。 如果说你的border的宽度是10个像素,但是只声明了5或6种颜色,那么最后一个颜色将被添加到剩下的宽度。查看全部
-
圆角效果 border-radius border-radius是向元素添加圆角边框。 使用方法: border-radius: 10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */查看全部
-
动画效果查看全部
-
在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性, 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera查看全部
-
使用transform:translate(-50%,-50%);实现垂直居中。查看全部
-
阴影 box-shadow .box_shadow{ box-shadow:4px 2px 6px #333333 inset; }查看全部
-
多种色彩的边框 border-colors #border-colors { border-width:10px; border-style:solid; border-top-colors:#100 #300 #600 #800 #900; border-right-colors:#100 #300 #600 #800 #900; border-bottom-colors:#100 #300 #600 #800 #900; border-left-colors:#100 #300 #600 #800 #900; }查看全部
-
不是很懂的东西查看全部
-
圆角效果border-radius border-radius:50px;/* 所有角都使用半径为50px的圆角 */ border-radius:50px 30px;/* 左上角和右下角都使用半径为50px的圆角,右上角和左下角都是用半径为30px的圆角 */ border-radius:50px 20px 30px 10px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */查看全部
-
CSS3 属性选择器查看全部
-
不错的练习,留着,立体导航效果查看全部
-
clear查看全部
举报
0/150
提交
取消