1背景图片
1-1属性名
backgroud-position (bgp)
1-2属性值
background-position:水平方向位置 垂直方向位置;
浏览器显示如下图:
2 练习,看看每种情况的显示。
2-1 默认显示方式,默认方式,
下图为类选择器内容和浏览器显示
body标签内容
一种是默认显示,一种是原点
2-2 位置调整,右边,下角;
下图为类选择器内容和浏览器显示
body标签内容
2-3水平居中,垂直居中 和连写;
下图为类选择器内容和浏览器显示
body标签内容
2-4 像素调节位置
(xs1)从左向右50像素,从上到下100像素;
(xs2)数字为负数时候,是向左,或者向右移动。背景色和背景图只显示在盒子里面。
下图为类选择器内容和浏览器显示
body标签内容
所有代码在此位置
https://app.yinxiang.com/fx/f6ce09fb-569b-4af3-828f-b1a55899f989
(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)