学习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属性及属性值之后，很容易的就可以对网页的背景图像做出合适的处理。但是在这里有一个小技巧，那就是在定义了background-image属性之后，应该定义一个与背景图像颜色相近的background-color值，这样在网速缓慢背景图像未加载完成或是背景图像丢失之后，仍然可以提供很好的文字可识别性。比如背景图像是一张黑色的底图，那么文字的颜色自然而然会选择浅色调的甚至白色，如果此时背景图像未加载完成或者图像丢失，那么就需要定义一个黑色的背景颜色，才可以保持文字的可识别性。

学习CSS的背景图像属性background相关推荐

css语言中选项是背景图像的属性,HTML_学习CSS的背景图像属性background，CSS的背景属性“background”提供 - phpStudy...
学习CSS的背景图像属性background CSS的背景属性"background"提供了众多属性值,如颜色.图像.定位等,为网页背景图像的定义提供了极大的便利.看看backgr ...
html表格背景图片格式,HTML表格标记教程(8):背景图像属性BACKGROUND
HTML表格标记教程(8):背景图像属性BACKGROUND 互联网发布时间:2008-10-17 18:56:21 作者:佚名我要评论为表格设置背景图像,可以使用任何的GIF或者J ...
css背景图像属性_如何将CSS3转换应用于背景图像
css背景图像属性 CSS transformations are great, but they don't (yet?) apply to background images. This arti ...
html设置背景图片高度,如何使用CSS设置背景图像的大小？
如何使用CSS设置背景图像的大小?下面本篇文章就来给大家介绍一下使用CSS设置背景图像大小的方法,希望对大家有所帮助. image CSS background-size属性可用于设置背景图像大小:使 ...
背景平铺php,CSS_CSS控制背景图像平铺实现边框阴影效果，一款用CSS控制背景图像平铺， - phpStudy...
CSS控制背景图像平铺实现边框阴影效果一款用CSS控制背景图像平铺,从而实现区域边框阴影的效果,虽然用到了图片,但可贵之处是本代码不管你需要阴影的区域是多大,它都能自动适应,因些还是很值得收藏一下的 ...
CSS设置背景图像的属性
设置背景图像位置 1 background-position: ; //背景位置可用关键字: 水平:left center right 垂直:top center bottombackground- ...
html 修改背景透明度,html – 用css更改背景图像的不透明度
您可以在Photoshop或GIMP等程序中更改不透明度. 或者你可以用css中的不透明度来做到这一点.但是你可能不希望这样,因为你的.intro中会有一些内容,然后它也会受到影响. 所以我建议遵循解 ...
零基础学习CSS(12)——背景美化
官方资料鱼C课程案例库:https://ilovefishc.com/html5/ html5速查手册:https://man.ilovefishc.com/html5/ css速查手册:https ...
html如何设置图片淡化,如何用CSS将背景图像淡化为黑色？
您可以尝试使用此代码. http://jsfiddle.net/sMc8a/3/ HTML Hello CSS body { background: black; } .example { width ...

学习CSS的背景图像属性background

学习CSS的背景图像属性background相关推荐

最新文章

热门文章