css中边框背景图片

CSS中的边框背景图片 在CSS中，边框和背景图片是一种很重要的元素。边框可以用来装饰和区分元素，而背景图片则可以用来增强元素的外观。本文将重点介绍如何使用CSS来添加边框和背景图片。 1. 添加边框 要在CSS中添加边框，可以使用border属性。border属性可以接受三个值：宽度、样式和颜色。例如，下面的CSS代码将创建一个2像素宽的红色实线边框：

	p {
		border: 2px solid red;
	}

border属性有很多不同的样式，包括实线、虚线、点线等等。此外，它可以设置不同的颜色。如果要只添加一个边框，可以使用border-top、border-right、border-bottom和border-left属性。 2. 添加背景图片 要在CSS中添加背景图片，可以使用background-image属性。以下是一个添加背景图片的示例：

	p {
		background-image: url('myImage.jpg');
	}

在这个示例中，将p元素的背景图片设置为'myImage.jpg'。还可以使用background-repeat和background-position属性来控制图片的重复和位置。例如，要使背景图片只重复一次，并且放在右上角，可以使用以下代码：

	p {
		background-image: url('myImage.jpg');
		background-repeat: no-repeat;
		background-position: right top;
	}

background-repeat有以下选项：no-repeat、repeat-x、repeat-y和repeat。使用background-position可以设置图片的位置，例如top、bottom、left、right和center。 3. 添加边框和背景图片 边框和背景图片可以一起使用来创建更复杂的效果。以下是一个添加边框和背景图片的示例：

	p {
		border: 2px solid red;
		background-image: url('myImage.jpg');
		background-repeat: no-repeat;
		background-position: right top;
	}

在此示例中，将给p元素添加一个红色实线边框，同时使用'myImage.jpg'作为背景图片。背景图片只重复一次，并放在右上角。 总结 边框和背景图片是CSS中非常重要的元素。要添加边框，可以使用border属性，并设置宽度、样式和颜色。要添加背景图片，可以使用background-image属性，并设置图片的位置和重复。当它们一起使用时，可以创建复杂的效果，如在边框后添加背景图片。