当前位置:首页 » 背景图片 » 网页不允许背景图片重复代码
扩展阅读
做图片动态的电脑软件 2025-04-23 12:24:10

网页不允许背景图片重复代码

发布时间: 2025-04-23 05:38:11

1. 网页背景图片设置的代码是什么

代码为:{background-image: url(URL)|none}

1,背景颜色 {background-color:数值}。


2,背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}。


3,背景固定 {background-attachment:fixed|scroll}。


4,背景定位 {background-position:数值|top|bottom|left|right|center}。


5,背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置}。

拓展资料

1、所谓的网页代码,就是指在网页制作过程中需要用到的一些特殊的“语言”,设计人员通过对这些“语言”进行组织编排制作出网页,然后由浏览器对代码进行“翻译”后才是我们最终看到的效果。

2、制作网页时常用的代码有HTML,JavaScript,ASP,PHP,CGI等,其中超文本标记语言(标准通用标记语言下的一个应用、外语简称:HTML)是最基础的网页代码。

2. 网页设计背景图片时怎么使图片不重复平铺

.tabbg {
background-attachment: scroll;
background-image: url(images/tabbg.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

调用:class="tabbg"

注意:CSS代码中的background-position: left bottom;就是定义背景图片的位置为左下,可根据具体需要做调整,如右上right top;左上left top;右下right bottom;等等。

如果想不重复,背景图要大点哦

3. 如何让网页背景图片不重复显示

现在一般都用css设定了,比如在一个div下设背景图片切不让其重复,则可设一个样式,比如:
.nobgrepeat{background:url(背景图片地址) left top no-repeat;}
(这个样式可以直接放在网页文件head标签对的<style></style>标签对中,然后在调用时直接用<div class="nobgrepeat"></div>,也可以另外放在单独的css文件中)
left:直接用left代表背景图片靠到div最左边,可以用数字代替,比如10px,来控制背景图片距离该div左边的距离。
top:同left
另外取值还有:right;bottom;center看你自己如何取了。
repeat的取值还有repeat-x,repeat-y,分别表示沿x轴重复和y轴重复。
background还有个fixed属性,我没用过,你可以自己用用看看

4. 网页制作中,一表格中加入背景图片,为不让重复显示,代码中加入style="background-repeat:no-repeat;"

一般情况下,像你这种情况下,就两种方式:

  1. 背景图片宽度是1px,然后背景重复显示,所以最后可以达到与你的表格宽度一致,这种方式相对比较灵活;

  2. 如果背景图片不能重复的话,就只有使用一张很长的图片,或者与表格宽度一致的图片。


像你说的这种宽度比表格宽度小,又想设置为背景,但又不能重复,又要和表格宽度相同时没办法的。

5. 用html添加背景图片时.怎么让它不重复.并且居中.

在你所加背景图片的table或div里加入如下代码:style="background-position:center; background-repeat:no-repeat;"

例如:<table width="200" height="200" style="background-position:center; background-repeat:no-repeat;" background="a.jpg">

补充:

style="background-position:center; background-repeat:no-repeat;"

加在<body>里面就可以了。

例如:

<body style="background-position:center; background-repeat:no-repeat;">