CSS中如何使用背景样式属性，看这篇文章就够用了

最新推荐文章于 2023-08-17 17:42:32 发布

liudahai777

最新推荐文章于 2023-08-17 17:42:32 发布

阅读量494

点赞数

本文链接：https://blog.csdn.net/li123128/article/details/103330276

版权

　　CSS中如何使用背景样式属性，看这篇文章就够用了
　　
　　css背景样式属性介绍#
　　
　　背景样式就是自定义HTML标签的背景颜色或背景图像。
　　
　　背景属性说明表
　　
　　属性名   属性值   描述
　　
　　background-color   #f00、red、rgb(255,0,0)   设置背景颜色。
　　
　　background-image   url(背景图片路径)   设置背景图像。
　　
　　background-repeat   repeat、repeat-x、repeat-y、no-repeat   设置背景图片是否平铺和平铺方向。
　　
　　background-position   left、center、right、top、bottom、固定值、百分比   设置背景图片位置。
　　
　　background-attachment   scroll、fixed   设置背景图片位置是否是固定或滚动。
　　
　　background   属性值就是以上的所有值   设置背景的缩写形式。
　　
　　属性为background-color使用方式#
　　
　　让我们进入属性为background-color实践，实践内容如：将HTML页面中的div背景设置为红色。
　　
　　代码块
　　
　　Copy
　　
　　<!DOCTYPE html>
　　
　　<html lang="en">
　　
　　<head>
　　
　　<meta charset="UTF-8">
　　
　　<meta name="viewport" content="width=device-width, initial-scale=1.0">
　　
　　<meta http-equiv="X-UA-Compatible" content="ie=edge">
　　
　　<title>background-color属性使用</title>
　　
　　<style>
　　
　　div{
　　
　　background-color: red;
　　
　　}
　　
　　</style>
　　
　　</head>
　　
　　<body>
　　
　　<div></div>
　　
　　</body>
　　
　　</html>