W3cSchool: CSS2参考手册 - 背景与边框详解

W3cSchool 的《DIV+CSS2_参考手册》是一本详细介绍CSS（层叠样式表）在网页布局和设计中的重要工具，特别关注了DIV元素和CSS2的基本用法。这份手册主要聚焦于两个核心知识点：CSS背景属性和边框属性。 1. CSS 背景属性： - `background`: 这是一个简写属性，允许你在一次声明中设置多个背景相关的属性，如颜色、图像、重复方式、位置等。这些属性包括： - `background-color`: 设置元素的背景颜色，支持`color-rgb`、`color-hex`和`color-name`格式，以及透明度`transparent`。 - `background-image`: 定义背景图像，使用`url`指定图像源，可选择`none`表示无背景图像。 - `background-repeat`: 控制背景图像的重复方式，包括`repeat`、`repeat-x`、`repeat-y`和`no-repeat`。 - `background-attachment`: 用于设置背景图像是固定在页面上还是跟随页面滚动，取值为`scroll`（默认）和`fixed`。 - `background-position`: 设置背景图像的起始位置，有预定义的位置如`topleft`、`center`等，也可以使用百分比或`x-posy-pos`格式。 2. CSS 边框属性 (border)： - `border`: 是一个简写属性，用于同时设置所有四条边框的宽度、样式和颜色。其子属性包括： - `border-width`: 设置边框的宽度，可以分别指定每个边框（上、右、下、左）的宽度，或者使用简写形式设置所有边框的宽度。 - `border-style`: 设定边框的样式，如`thin`、`medium`、`thick`或具体名称，如`solid`、`dashed`等。 - `border-color`: 用于设置各个边框的颜色，可以一次指定多个颜色，每个颜色对应一个边框，或者使用全局颜色设置所有边框同色。 - 对于单个边框，例如`border-bottom`、`border-left`等，也有相应的简写属性，方便快捷地设置相关属性。 掌握这些基础的CSS背景和边框属性对于创建动态、美观的网页布局至关重要。理解并灵活运用它们可以帮助开发者实现各种布局效果，提升网页设计的质量和用户体验。在实际开发中，结合HTML的`<div>`元素，开发者可以精细控制网页内容的展示和空间组织，使网站更具吸引力。