background标签(background标签表示什么)
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 属性是在一个标签中设置所有的背景属性,在表格中也是如此,例如:
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
脚本编程方面的资料