旗下导航:搜·么
当前位置:网站首页 > CSS > 正文

background-repeat 怎样运用【css教程】

作者:搜搜PHP网发布时间:2019-11-26分类:CSS浏览:96


导读:我们晓得background属性是用于设置背景的,那末background-repeat属性怎样运用呢?本篇文章就来给人人引见一下background-repeat属性的运用方法。...
我们晓得background属性是用于设置背景的,那末background-repeat属性怎样运用呢?本篇文章就来给人人引见一下background-repeat属性的运用方法。

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网别的相干文章!

标签:background-repeat