前端之HTML图片篇（四）

最新推荐文章于 2024-10-12 22:37:25 发布

冥极醉醉冥极

最新推荐文章于 2024-10-12 22:37:25 发布

阅读量113

点赞数

分类专栏：前端学习文章标签： html5

本文链接：https://blog.csdn.net/qq_19831379/article/details/119006305

版权

前端学习专栏收录该内容

17 篇文章 0 订阅

订阅专栏

RGB：

R（红色）、G（绿色）、B（蓝色）

图片压缩：

GIF：支持动画、全透明和不透明两种模式、256种颜色

JPG：无损压缩、体积小、不支持透明、不支持动画

PNG：无损压缩、体积小、支持透明、不支持动画

SVG：矢量图片

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景图的使用</title>
		<style>
			
			html, body {
				/* 不设置margin，就好有上下滚动条 */
				margin: 0;
				/*height：100%是相对父元素的，所以要设置html，不然只有一行  */
				height: 100%;
			}
			
			body {
				/* 默认情况会按平铺展示 */
				background-image: url(./img/10.gif);
				/* 不进行平铺 */
				background-repeat: no-repeat;
				/* 背景图片的位置，第一个参数是水平位置，第二个参数是垂直位置 */
				background-position: right bottom;
			}
		</style>
	</head>
	<body>
	</body>
</html>