background标签(background标签表示什么)

http://www.itjxue.com  2023-01-26 11:15  来源:未知  点击次数: 

background和Style= background 什么区别

是的,

background-color和bgcolor都是用来显示背景颜色的标签,

background是显示背景图片的

网页基础之background样式介绍(一)

background顾名思义即 背景的意思,background 有多种属性,例如:

不过我们通常用到的属性只有五种,即 background-color, background-image, background-size, background-repeat, background-position。

背景颜色会填充整个标签,它的定义方式有三种,即颜色英文单词的方式定义,16进制颜色值定义,rgb的模式定义。

第一种背景色定义方式使用颜色的英文单词的方式,如red(红色),blue(蓝色),green(绿色), white(白色),black(黑色) 等等,例如:

背景图片的定义方式是

默认是重复的显示方式,会铺满整个标签的宽高

属性 background-repeat

背景图片是否重复的意思。background-repeat 一共有四种方式,一般在设置了背景图片的时候使用。背景图片结合background-repeat 使用时,图片会根据 background-repeat 的定义显示,如果将background-repeat 定义为 repeat 则跟默认一样,如果定义为 no-repeat 则只显示一次,如果设置为 repeat-x 则横向重复平铺,如果设置为 repeat-y 则竖向平铺。

定义背景图片显示的大小尺寸,可以一个值,也可以两个值,一个值是一般指的背景宽度,两个值是指宽度和高度,三个值用得比较少,可以酌情定义,看自己的需要,下列我只列举一个值的两种方式,因为通常情况下一个值的情况使用比较多。

position 定位的意思, 按照英文意思翻译过来就是 背景定位的意思,一共有六种位置定义方式。

本节中主要针对 背景 background 这个属性逐个做了一个细致的分析。下节中将讲解 《网页基础之background样式介绍(二)》 讲解的是background集中背景属性的结合使用。

HTML中的background

默认的是平铺用no-repeat(不平铺) repeat-x(只横向平铺) repeat-y(只纵向平铺) 如果在横向纵向后面在加个上下左右的代码,就可以在你想要的地方平铺例:background:url(图片路径) no-repeat bottom(top"默认的,可以不输入"right"右")图片只显示在左下角(左上角,右上角)

background:url() repeat-x bottom(top"默认的")底部横向平铺

background:url() repeat-y right(left"默认的") 右边纵向平铺

在htm 标签的中background和bgcolor两个属性有什么关系?

两者没有关系,一个设置制定标签的背景图片一个是设置背景颜色。

1、background 属性是在一个标签中设置所有的背景属性,在表格中也是如此,例如:

html

body

table??border="1"

tr

td?background="1.jpg"?width="100px"?height="100px"/td

/tr

/table

/body

/html

此时就把名字为1.jpg的图片设置成为td的背景图片,注意background在表格中不能用于table标签中,只能用于td中。

2、bgcolor是设置制定标签区域的背景颜色,如:

html

body

table??border="1"?bgcolor="red"

tr

td??width="100px"?height="100px"/td

/tr

/table

/body

/html

此标既能用于table也能用于tr或者td标签中,都可以制定区域的背景颜色。

Background 标签的 TD 属性不被支持怎么解决

可以这样解决:

td

style="background:url('image.gif')

10px

20px

no-repeat;"/td

其中

10px

20px

分别表示图片左上角在

TD

中的

x

y

坐标

no-repeat

表示重复方式

可选

repeat-x

repeat-y

可以参考

html

脚本编程方面的资料

(责任编辑:IT教学网)

更多