慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

Tokieda

半透明效果background:rgba(255,255,255,0.5);

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2016-01-23
蛋蛋先生

1、阴影模糊半径与阴影扩展半径的区别阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2016-01-23
蛋蛋先生

border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */不要以为border-radius的值只能用px单位，你还可以用百分比或者 em，但兼容性目前还不太好实心上半圆：方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ } 实心圆：方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码： div{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ }。

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-01-23
ustora

语法缩写如下： background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],...

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2016-01-23
Coande

加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体： ``` @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } ```

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2016-01-23
Coande

省略标记（...） ``` text-overflow:ellipsis; overflow:hidden; white-space:nowrap; ```

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-01-23
Coande

线性渐变：background-image:linear-gradient(to top left,red,blue);

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-01-23
Coande

color：rgba(R,G,B,A) A的取值范围为：0~1

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2016-01-23
Coande

border-image:url(borderimg.png) 70 repeat 单位为像素，但省略px，不能有px。

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2016-01-23
Coande

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-01-23
Coande

border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-01-23
weibo_神秘的星_0

CSS3 前缀浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera

查看全部

0 采集收起来源：什么是CSS3？
2016-01-22
SuperManSuperWorld

delay delay delay delay delay delay delay delay delay dealy delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay delay

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-01-22
SuperManSuperWorld

timing-function timing-function timing-function timing-function timing-function

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-01-22
SuperManSuperWorld

duration duration duration duration duration duration duration duration duration duration duration dutation dutation dutation duration duration duration duration duration duration duration duration duration duration duration duration duration duration duration duration duration duration duration duration duration duration

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-01-22

首页上一页 648 649 650 651 652 653 654 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果