代码为:{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;"
一般情况下,像你这种情况下,就两种方式:
背景图片宽度是1px,然后背景重复显示,所以最后可以达到与你的表格宽度一致,这种方式相对比较灵活;
如果背景图片不能重复的话,就只有使用一张很长的图片,或者与表格宽度一致的图片。
像你说的这种宽度比表格宽度小,又想设置为背景,但又不能重复,又要和表格宽度相同时没办法的。
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;">