css3的基本应用实验报告

本实验主要是利用CSS3基本特性，实现了一些常见的效果，如阴影效果、边框效果、渐变背景效果等。通过对这些效果的学习，可以更深入地理解CSS3的运用，为之后的实践打下基础。

实验一：阴影效果

.Box {
  Box-shadow: 5px 5px 5px #888888;
}

在以上代码中，Box-shadow属性实现了一个5px偏移的灰色阴影效果。

实验二：边框效果

.Box {
  border: dashed 2px #888888;
  border-radius: 5px;
}

在以上代码中，border属性设定了一个灰色虚线边框，border-radius属性设置了边框圆角为5px。

实验三：渐变背景效果

.Box {
  background: linear-gradient(to right,#ff0000,#ffff00);
}

在以上代码中，background属性设置了一个从左到右的红黄渐变背景。

总结

通过这些基本应用实验，我对CSS3的基本特性有了更深入的理解，初步掌握了常见效果的实现方法。