摘要：
径向渐变 径向渐变使用 radial-gradient 函数语法。 这个语法和线性渐变很类似， 可以指定渐变结束时的形状 以及它的大小。 默认来说，结束形状是一个椭圆形并且和容器的大小比例保持一致。 下面代码演示径向渐变的用法： <!DOCTYPE html> <html> <head> <titl 阅读全文
摘要：
CSS 渐变 CSS 渐变是在 CSS3 Image Module 中新增加的 <image> 类型。 使用 CSS 渐变可以在两种颜色间制造出平滑的渐变效果。用渐变代替图片，可以加快页面的载入时间、减小带宽占用。 同时，因为渐变是由浏览器直接生成的，渐变在页面缩放时的效果比图片更好，可以更加灵活、 阅读全文
摘要：
上节课中我们学习了背景图像，这节课我们学习背景图像的高级知识，如Css Sprites，CSS 背景渐变等。 Css Sprites Css Sprites，国内也叫CSS精灵。它的原理是将许多的小图片整合到一张大图片中，利用css中的background-image属性，background-po 阅读全文
摘要：
background属性简写 background属性可以像margin padding属性一样，有简写方法，它的简写顺序是： 如果某属性不想写，可以忽略。 下面的代码演示了background属性简写的用法。 <!DOCTYPE html> <html> <head> <title>backgro 阅读全文
摘要：
背景图片定位 background-position属性可以给背景图片定位。 background-position属性有两个值，第一个值是水平位置，第二个值是垂直位置。这两个值可以使用百分比来表示（50% 50% 表示垂直和水平都居中）。 也可以使用下面的方式表示： left top left c 阅读全文
摘要：
重复图像 background-repeat 属性可以重复图像，这对于小图片来说是福音。 background-repeat 属性有6个值： repeat 背景图像在垂直方向和水平方向都重复 repeat-x 背景图像在水平方向重复 repeat-y 背景图像在垂直方向重复 scroll 背景图像随 阅读全文
摘要：
填充部分元素示例 为某个元素设置CSS规则background-image 属性，则可以做到部分元素有背景颜色。 下面的示例演示如何如何给段落元素加背景。 <!DOCTYPE html> <html> <head> <title>填充部分</title> <style type="text/css" 阅读全文
摘要：
background-image 属性可以设置背景图像。 背景图像可以填充整个页面的，也可以填写一部分。 background-image 属性的使用很简单：background-image:url(图片地址) 填充整个页面示例 <!DOCTYPE html> <html> <head> <titl 阅读全文