/* 示例 1 - 线性渐变背景 */ background: linear-gradient(to bottom, #e0e0e0, #ffffff); /* 示例 2 - 圆角框 */ border-radius: 10px; box-shadow: 2px 2px 2px #aaa;
以上是两个基于 CSS3 的实例。第一个实例显示了如何创建一个带有线性渐变背景的元素。在这个例子中,大家使用linear-gradient
属性来创建一个从上到下的渐变。起始颜色是 #e0e0e0,结束颜色是 #ffffff。
第二个实例展示如何创建一个圆角框。在这个例子中,大家使用border-radius
属性来指定边角的圆角程度。此外,大家还使用了box-shadow
属性添加了一个漂亮的阴影,使其看起来更真实、更立体。
CSS3 实例图书还包含许多其他实例,包括旋转、转换、动画、过渡等等。无论您是初学者还是有经验的开发人员,这本书都将是您学习 CSS3 技术的良好指南。