CSS
Allen 2021-11-09 22:05:36 4262 0 0 0 0
CSS,笔记,Backgrounds背景设置

CSS Backgrounds背景设置

...

CSS 属性定义背景效果:

background-color

background-image

background-repeat

background-attachment

background-position

....

body {background-color:#b0c4de;}

h1 {background-color:#6495ed;} 

p {background-color:#e0ffff;} 

div {background-color:#b0c4de;}

你可以为所有元素设置背景色,包括 body 一直到 em 和 a 等行内元素。

提示:background-color 不能继承,其默认值是 transparent。如果一个元素没有指定背景色,那么背景就是透明的,这样其父元素的背景才可见。

...

背景图像

body {background-image:url('paper.gif');}

...

背景图像 - 水平或垂直平铺

body 

{background-image:url('gradient2.png'); 

background-repeat:repeat-x;}

...

背景图像- 设置定位与不平铺

body 

{background-image:url('img_tree.png'); 

background-repeat:no-repeat; 

background-position:right top;}

值可以使用一些关键字:top、bottom、left、right 和 center;其次,可以使用长度值,如 100px 或 5cm;最后也可以使用百分数值。如:

background-position:66% 33%;

background-position:50px 100px;

...

背景- 简写属性

body {background:#ffffff url('img_tree.png') no-repeat right top;}

当使用简写属性时,属性值的顺序为::

background-color

background-image

background-repeat

background-attachment

background-position

以上属性无需全部使用,你可以按照页面的实际需要使用.


Tag: CSS 笔记
我也要发一个   ·   返回首页   ·   返回[CSS]   ·   前一个   ·   下一个
欢迎评论
未登录,
请先 [ 注册 ] or [ 登录 ]
(一分钟即可完成注册!)
返回首页     ·   返回[CSS]   ·   返回顶部