<!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>背景位置-混合单位</title>
<style>
div {
width: 300px;
height: 300px;
background-color: pink;
background-image: url(images/logo.png);
background-repeat: no-repeat;
/* 20px center 一定是x 为 20 y 是 center 等价于 background-position: 20px */
/* background-position: 20px center; */
/* 水平是居中对齐 垂直是 20 */
background-position: center 20px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
背景位置——混合单位
原创wx63ff30a7432e0 博主文章分类:前端 ©著作权
©著作权归作者所有:来自51CTO博客作者wx63ff30a7432e0的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【CSS】CSS 背景设置 ② ( 背景位置 | 背景位置-方位值设置 )
一、背景位置1、语法说明2、注意事项二、背景位置-方位值设置1、效果展示2、完整代码示例
css 前端 背景设置 背景位置 CSS背景方位值 -
【CSS】CSS 背景设置 ③ ( 背景位置-长度值设置 | 背景位置-长度值方位值同时设置 )
一、背景位置-长度值设置二、背景位置-长度值方位值同时设置三、完整代码示例
css html CSS背景设置 CSS背景位置 背景图片 -
html+css实战75-背景-背景位置html
-
Opencv实战之混合高斯前景背景分割算法
-不管三七二十一,先上代码-读取需要掌握的函数# 相关函数#
opencv 深度学习 机器学习 ide 像素点