<tt id="kjox3"><noscript id="kjox3"><samp id="kjox3"></samp></noscript></tt><tt id="kjox3"><li id="kjox3"><var id="kjox3"></var></li></tt><cite id="kjox3"><noscript id="kjox3"><delect id="kjox3"></delect></noscript></cite>

<source id="kjox3"><menuitem id="kjox3"></menuitem></source>

  • <rt id="kjox3"></rt>
      <rp id="kjox3"></rp>

    1. <cite id="kjox3"></cite>
        <tt id="kjox3"><form id="kjox3"><delect id="kjox3"></delect></form></tt><rp id="kjox3"><meter id="kjox3"><button id="kjox3"></button></meter></rp>

      1. <tt id="kjox3"></tt>

        <rt id="kjox3"><meter id="kjox3"></meter></rt>
      2. <b id="kjox3"><form id="kjox3"><label id="kjox3"></label></form></b>

          网页设计中背景图片的重复

          • 2019-12-31 10:35:50
          • 阅读次数:
          • 作者:盈岚科技小编
          • 来源:http://www.1c4w.com

          网页设计中,CSS使用background-repeat属性来定义背景图片的重复,该属性用法如下:

          background-repeat:repeat-x|repeat-y|no-repeat

          background-repeat属性的3个取值作用如下。   

          ?repeat-x:图片在x轴方向上重复。

          ?repeat-y:图片在y轴方向上重复。   

          ?no-repeat:不平铺,图片只显示一次。

          【示例】启动Dreamweaver,新建一个网页,保存为test.html,输入以下内容:

          <!doctype html>

          <html>

          <head>

          <meta charset="utf-8">

          <title></title>

          <style>body {    

          background-image: url(images/bg.jpg);     /*页面背景图片*/    

          background-repeat: repeat-y;              /*页面背景图片纵向重复*/}

          </style>

          </head>

          <body>

          </body>

          </html>

          显示结果如图1所示,背景图片在设计网页时纵向上进行了重复显示。背景的原图如图2所示。其实际高度为1像素,这里为了让读者看得清楚,因此将其放大了。

          提示:网站建设时,如果是要设置两个方向上的平铺,就不需要设置属性值,这时CSS会采用默认的向横向和纵向两个方向重复的效果。但是,如果手动地设置repeat-x和repeat-y的两个值的话,那么系统会自动认定后设的一种平铺方式有效,只会向一个方向平铺。

          当前文章标题:网页设计中背景图片的重复

          当前URL:http://www.1c4w.com/news/wzzz/3151.html

          上一篇:用CSS控制背景图像

          下一篇:定义背景图片的位置

          网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)
          鸭子tv国产在线永久播放,天天夜日日日日碰日日摸日日澡,日本特黄特黄刺激大片,老熟妇乱子伦456在线观看 网站地图