css之background-repeat的几种属性

css之background-repeat的几种属性

background-repeat: 指背景图片的重复与否以及重复方式, 有no-repeat, repeat, repeat-x, repeat-y四种属性值.

no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;

repeat: 指背景图片横向和纵向重复连续显示;

repeat-x: 指背景图片横向重复连续显示;

repeat-y 指背景图片纵向重复连续显示
 
示例

<html>
<head><title></title></head>

<style>
div {
background-image: url('/Scripts/A10_skype.png');
background-repeat: repeat-x;
/*background-repeat: repeat-y;
background-repeat: no-repeat;
background-repeat: repeat;*/
}
</style>


<body>
<div style="border: 1px solid red; width: 1000px; height: 1000px">
</div>
</body>

</html>

 

 

 

posted on 2015-03-19 23:30  高达  阅读(1325)  评论(0)    收藏  举报

导航