1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > css语言中选项是背景图像的属性 HTML_学习CSS的背景图像属性background CSS的背景属

css语言中选项是背景图像的属性 HTML_学习CSS的背景图像属性background CSS的背景属

时间:2020-11-03 06:41:29

相关推荐

css语言中选项是背景图像的属性 HTML_学习CSS的背景图像属性background CSS的背景属

学习CSS的背景图像属性background

CSS的背景属性“background”提供了众多属性值,如颜色、图像、定位等,为网页背景图像的定义提供了极大的便利。看看background提供的

属性值:

background : background-color | background-image | background-repeat | background-attachment | background-position

从属性值的名字就可以很明白的看出来,分别是:颜色、图像、铺排、滚动、定位,其中background-repeat、background-position必须

是在指定了background-image属性值后才有效。

background-color:transparent | color 。“transparent”是background-color的默认属性值(红色字表示默认值),意为背景色透明

,也就是无背景色;而“color”则指的是颜色了,可以是HTML语言支持英文单词,也可以是十六进制的颜色值,当然推荐还是使用十六进制的

颜色值来表示,比如黑色使用“#000”。

background-image:none | url 。默认属性值是无背景图,需要使用背景图时可用url进行导入。

background-repeat:repeat | no-repeat | repeat-x | repeat-y 。默认属性值是背景图像在纵向和横向上平铺,如果不希望图像平铺而

是以一个完整的衬图来显示的时候则使用“no-repeat”,相同的道理在横向上平铺则是使用”repeat-x”纵向上平铺则使用”repeat-y”。

background-attachment:scroll | fixed 。“scroll”是背景图像随对像内容滚动,“fixed”则是背景图像固定。

background-position:position(length) | position(length) 。对象的背景图像位置有两种方式可选择,一种是使用position(top |

center | bottom | left | center | right)来定位背景图像位置,而另一种方式则是使用lefgth(数值)来定位,使用数值需要注意的是,

当只有一个数值时,这个值将用于横坐标,纵坐标将默认是50%,如果有两个数值时,则分别是横坐标、纵坐标。

了解并熟悉了以上background属性及属性值之后,很容易的就可以对网页的背景图像做出合适的处理。但是在这里有一个小技巧,那就是

在定义了background-image属性之后,应该定义一个与背景图像颜色相近的background-color值,这样在网速缓慢背景图像未加载完成或是背

景图像丢失之后,仍然可以提供很好的文字可识别性。比如背景图像是一张黑色的底图,那么文字的颜色自然而然会选择浅色调的甚至白色,

如果此时背景图像未加载完成或者图像丢失,那么就需要定义一个黑色的背景颜色,才可以保持文字的可识别性。

本文作者:相关阅读:

一个php作的文本留言本的例子(四)

禁止JS运行的代码

JavaScript Event学习第六章 事件的访问

全面讲解Linux虚拟化的优势

适合虚拟主机商的一键批量备份用户网站数据的批处理

重装Windows系统需要注意的5点事项

js读写COOKIE实现记住帐号或密码的代码(js读写COOKIE)

浏览器无法运行JAVA脚本的解决方法

浅析中两种调用存储过程的方法

关于DB2 数据库授权的研究

mysql 数据同步 出现Slave_IO_Running:No问题的解决方法小结

PHP stream_context_create()作用和用法分析

安全地编写SQLserver扩展存储过程

Windows Server 图解DNS服务安装篇

css语言中选项是背景图像的属性 HTML_学习CSS的背景图像属性background CSS的背景属性“background”提供 - phpStudy...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。