CSS:HTML Backgrounds背景设置
Title 10339 Reply 0 Coin 0 Score 0
entry : 2021-11-09 22:05:36
update: 2021-11-09 22:05:36
show: 44
#0. (Normal)

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

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

【版权声明】
本文为原创,遵循CC 4.0 BY-SA版权协议!转载请附上原文出处链接及本声明。
原文链接:https://tdlib.com/am.php?t=bXPe35X1SCGy

Tag:   CSS   笔记   
分享链接:
还没有评论,快来抢沙发吧!
未登录,请先 [注册] or [登录]
(一分钟即可完成注册!)