CSS 背景backgound

背景属性的一般使用案例：

1.

通过ul 和 li 的方式，我们可以构造出一些无序列表。通过ul+li，我们不仅可以做出一些漂亮的菜单，也可以做出一些完美的树形结构。 ul+li默认样式在前面有个小黑点，实际项目中我们可以通过背景来代替这个小黑点。

2.

文本替换也是项目中比较常见的技术。实际开发中经常需要使用图片来替换文本。通过背景来代替文本。
可以通过text-indent:-9999px;属性把 文字隐藏到看不到的地方。也可以通过添加额外标签，然后使用定位方式把背景定位在上层，来遮住文字。

 

3.自适应按钮

自适应需要至少2个闭合元素。通过一个背景左对齐和另一个背景图片的右对齐 来做成自适应按钮。

 

4.等高栏

我们经常要使他们2个呈现一样的高度。通过对最外层元素使用背景图片来达到了这种效果。 

本文转自 randy_shandong 51CTO博客，原文链接：http://blog.51cto.com/dba10g/229675，如需转载请自行联系原作者