Allen 2021-11-09 22:05:36 5560 0 0 0 0

---

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 笔记

評論

相關內容

歡迎評論