hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - HTML - 正文 请牢记本站网址www.sosophp.cn

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

2019-11-26HTML搜搜PHP网55°c
A+ A-
我们晓得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网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
background-repeat 怎样运用【html5教程】

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章