为了账号安全,请及时绑定邮箱和手机立即绑定
  • 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; 因为本属性为伪属性,其分裂后才是有效属性
    查看全部
    0 采集 收起

    2014-09-25

  • 多种色彩的边框 border-colors border-colors是对边框添加多个颜色。 如果你设置了border的宽度是Npx,那么你就可以在这个border上使用N种颜色,每种颜色显示1px的宽度。 如果说你的border的宽度是10个像素,但是只声明了5或6种颜色,那么最后一个颜色将被添加到剩下的宽度。
    查看全部
    0 采集 收起

    2014-09-25

  • 圆角效果 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
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2014-09-25

  • 使用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; }
    查看全部
    0 采集 收起

    2014-09-25

  • 不是很懂的东西
    查看全部
  • 圆角效果border-radius border-radius:50px;/* 所有角都使用半径为50px的圆角 */ border-radius:50px 30px;/* 左上角和右下角都使用半径为50px的圆角,右上角和左下角都是用半径为30px的圆角 */ border-radius:50px 20px 30px 10px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */
    查看全部
  • CSS3 属性选择器
    查看全部
  • 不错的练习,留着,立体导航效果
    查看全部
  • clear
    查看全部

举报

0/150
提交
取消
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!