html表格中加背景图⽚,html设置表格背景图⽚.doc
教师节祝福语短信大全html设置表格背景图⽚
篇⼀:CSS样式表控制背景图⽚⼤⼩
CSS样式表控制背景图⽚⼤⼩
满意回答
对于图⽚,⾸先我们先想到是背景图⽚。因为我们许许多的装饰都是⽤背景图⽚来实现的。既然这样,那么就从CSS控制背景图⽚讲起吧。
1.CSS控制背景图⽚:
对于⼀个⽹页,我们开始设计的时候,可能没有过多的去想背景图到底是什么,因为⼤多都是设计背景⾊就可以了,原因吗,我想也很简单,因为它与前景⾳乐⼀样,对于⽹页的打开,速度会有⼀定的影响。不过对于⼀般的个⼈⽹站,或者个⼈博客⽽⾔,它对展现⾃⼰的个性,当然是不可或缺的了,当然什么都不会太过完美,有好就有坏,也就是当图像不可⽤但CSS可⽤的时候,替换内容就不会显⽰出来,因此,并不建议在导航按钮⽂本或类似的情况中使⽤CSS背景图⽚。
控制背景图⽚的CSS属性有很多,只要与图⽚的相关的,⼤多都会⽤的上。
(1)、背景图⽚的导⼊:
当然⼤家最熟悉的当然是background与background-image了。 为⽹页设计背景图⽚的代码是:
body {background:url(d:\images\04.jpg)}
或者
body {background-image:url(d:\images\04.jpg)}
我最喜欢的玩具二年级作文100字这样的话,我们就能将想要作背景的图⽚导进⽹页⾥了。企业规模
(2)、背景图⽚的显⽰⽅式:
当然,只⽤上⾯的代码,是⽆法表达出⾃⼰想要的效果的。因为,图⽚⼩了,就会以平铺的⽅式,如果是⼤了,为显⽰它,就是会出现滚动条,这样多不好。因此,我们还得多其进⾏显⽰控制,也就是要⽤到background-repeat, 它是取值:
repeat : 默认值。背景图像在纵向和横向上平铺
no-repeat : 背景图像不平铺欢乐颂安迪身世
repeat-x : 背景图像仅在横向上平铺
repeat-y : 背景图像仅在纵向上平铺520送什么礼物好
⽽代码,我想只要懂⼀点CSS的都知道,如下:
body {background:url(d:\images\04.jpg);background-repeat:no-repeat} 这样的话,它就是以原图像⼤⼩显⽰了。
(3)、背景图⽚的⼤⼩控制:
不过问题是,倘若图⽚过⼤了,⼜怎么办呢?对于⼀个好⽹页来说,最好不要⽤太⼤的图⽚,原因上⾯也说过了,影响打开⽹页的速度。我们最好还是⽤PS或者FireWorks处理⼀下。不过既然我提到了,我们也不防⽤CSS来实现图⽚⼤⼩的控制。
我想很多⼈会⾃然⽽然的⽤上如下代码:
呵呵,想法是好的,但你所⽤的浏览器⽀持吗?我想IE或者FF⼀定会当作没看见吧。也许你会问,我
曾经设计论坛风格时,是可以实现的啊?我想,如果只是上⾯的代码的话,那是不可控制图⽚的,因为它只是控制BODY的⼤⼩。当然,这⾥也是控制不了的。如果是其它的ID 标记,我想是可以控制记标记的范围⼤⼩,呵呵,当然也就不是图像的⼤⼩了。
说实话,这个问题不仅困扰着你们,同时也困扰着我。因为它只是⼀个属性的值,⽽不是⼀个真正的对像。呵想到了⽤CSS控制的话,记得告诉我哦。
补充:W3C于9⽉10发布了⼀篇名为《CSS Backgrounds and Borders Module Level 3》的应⽂章,⾥⾯为CSS的背景加上了⼏个我们从未见的属性: background-clip:
background-origin:
background-size:背景尺⼨。
background-break:
虽然是有了这些属性,不过现在还没有⽀持它们的浏览器。真是好苦恼啊。
(4)、背景图⽚的位置控制:
背景图⽚,我科是导进来了,但是它的位置真有⼀点⽆法让⼈接受。因为它默认的是左上对齐。但是我们却不想这样⼦放置,那我们⼜该怎么办呢。不要着急,激动⼈⼼的时刻马上到来,现在,让我们来认识⼀下background-position、background-position-x及background-position-y吧。
a.基本语法:
乔四玩聂磊老婆照片background-position : length || length
background-position : position || position
background-position-x : length | left | center | right
background-position-y : length | top | center | bottom
b
发布评论