css3背景复合写法 |css左右靠边 不换行

/* 使用图片和颜色来定义背景 */
background: url("image.jpg") no-repeat left top, #ffffff;
/* 使用多个图片来定义背景 */
background: url("image1.jpg") no-repeat left top, url("image2.jpg") no-repeat right top;
/* 使用渐变来定义背景 */
background: linear-gradient(to bottom, #ffffff, #000000);
/* 使用多个颜色和图片来定义背景 */
background: #ffffff, url("image.jpg") no-repeat center center;

值得注意的是，背景属性的复合写法可以按照任意顺序，并且属性之间需要用逗号分隔。

除了以上几种常见的写法，大家还可以通过使用Box Shadow属性和Outline属性来实现其他的背景复合写法。例如，大家可以通过Box Shadow属性来实现阴影和边角同步设置的效果：

/* 定义阴影和圆角，实现立体按钮效果 */
box-shadow: 0px 3px #4b4b4b, 0px -3px #4b4b4b, 3px 0px #4b4b4b, -3px 0px #4b4b4b;
border-radius: 10px;

另外，大家还可以使用Outline属性来实现圆角和边框同步设置的效果：

/* 定义外边框和圆角，实现立体按钮效果 */
outline: 2px solid #4b4b4b;
outline-offset: -2px;
border-radius: 10px;

以上就是关于CSS3背景复合写法的一些介绍和例子，希望能够对你的CSS设计和编写有所帮助。