background-repeat属性设置是不是及怎样反复背景图象,也就是定义了图象的平铺形式。默许地,背景图象在水温和垂直方向上反复。
background-repeat属性的设置从原图象最先反复,原图象由background-image定义,并依据background-position的值安排。
注重:背景图象的位置是依据background-position属性设置的。假如未划定background-position属性,图象会被安排在元素的左上角。
下面我们就来看细致的示例
<html> <head> <style type="text/css"> body { background-image: url(img/mouse.png); background-repeat: repeat-x; } </style> </head> <body> </body> </html>
结果以下:横向平铺,由于没有设置background-position,所以图象是从左上角最先反复的。
假如你想要纵向平铺,你能够设置background-repeat: repeat-y;,从特定位置平铺能够设置background-position属性。
本篇文章到这里就悉数完毕了,更多精彩内容人人能够关注ki4网的其他相干栏目教程!!!
以上就是background-repeat 怎样运用的细致内容,更多请关注ki4网别的相干文章!