CSS再学习 之背景色 背景图片

标签：src   center   img   position   20px   padding   pos   背景图片   enter   

背景色

p {background-color: gray;}

如果您希望背景色从元素中的文本向外少有延伸，只需增加一些内边距。

p {background-color: gray; padding: 20px;}

背景图片

body {background-image: url(
    xxx.jpg
);}

背景重复。

background-repeat: repeat-y;

背景定位。

background-position:center;

百分数值。

background-position:50% 50%;

如果你想把一个图像放在水平方向 2/3、垂直方向 1/3 处，可以这样声明。

background-position:66% 33%;

长度值。长度值解释的是元素内边距区左上角的偏移。偏移点是图像的左上角。
比如，如果设置值为 50px 100px，图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像素的位置上。

background-position:50px 100px;

背景关联。

background-attachment:fixed;

CSS再学习 之背景色 背景图片

标签：src   center   img   position   20px   padding   pos   背景图片   enter   

原文地址：https://www.cnblogs.com/jiqing9006/p/10160789.html