css背景样式，背景颜色背景图片，列表样式

logical_thinking

已于 2022-08-11 21:37:43 修改

阅读量450

点赞数 2

分类专栏： css基础盒知识文章标签： html5 前端 html 青少年编程 css

于 2022-08-11 21:25:42 首次发布

本文链接：https://blog.csdn.net/logical_thinking/article/details/126293340

版权

前言

本文章：讲述如何用css给背景添加样式、背景尺寸、背景移动、以及背景图片的渲染位置，并且介绍了列表样式。

一、背景样式

背景颜色的设置 background-color:加入颜色;

这里的颜色可以是颜色的英文单词也可以是十六进制、或者rgb 颜色；

                   block：块级
               inline:行内元素
               inline-block:行内块元素
               行级元素：行内元素和行内块元素
               浏览解析行级元素会当成文本处理

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div{
				width: 200px;
				height: 200px;
				background-color:red;
				display: inline-block;
			}
			span{
				width: 200px;
				height: 200px;
				background-color:green;
				/* block：块级 
				   inline:行内元素
				   inline-block:行内块元素
				   行级元素：行内元素和行内块元素
				   浏览解析行级元素会当成文本处理
				   
				*/
				display:inline-block;
				/* margin-left:-10px; */
				margin-left: -8px;
			}
			p img{
				margin-left:-8px;
			}
		</style>

	</head>
	<body>
		<div></div>
		<span></span>
		<p>
			<img src="./img/photo-1.jpg" alt="">
			<img src="./img/photo-1.jpg" alt="">
			<img src="./img/photo-1.jpg" alt="">
		</p>
	</body>
</html><