css可以添加背景颜色和背景图片,如果想要设置背景的图片固定而不是滚动需要?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css可以添加背景颜色和背景图片,如果想要设置背景的图片固定而不是滚动需要?相关的知识,希望对你有一定的参考价值。

参考技术A background-attachment: 々々; ( 请自行带入 )
scroll: 背景图片随着页面滚动而滚动

fixed: 背景图片不会随着页面滚动而滚动
local: 背景图片会随着元素内容滚动而滚动
initial: 跟随默认值
inherit: 继承父级样式

在Css中如何设置span的背景颜色和背景图片

.MeGootoo | 2012年11月10日 10:31

<span style="background-color:#FF0000">背景颜色</span>


这个是用来设置背景颜色的,展现效果如下:

可以另外设置这个宽度大小,留一些空余的地方会更好看



<span>标签是不能设置背景图片的,这个是用来设置文字的样式的。可以在span标签之前添加一个<div></div>

代码和效果如下:

参考技术A 背景颜色 background-color:#颜色代码; 例如:background-color:#ff0000;
背景图片 background-image:url(图片路径名字); 例如:background-image:url(/images/123.gif);
参考技术B 给span增加一个class,例如:
<span class="title">文字</span>
然后css里写上:
.title background: #000 url("背景图片地址");
参考技术C 给span增加一个class,例如:
<span class="title">文字</span>
然后css里写上:
.title background: #000 url("背景图片地址");

以上是关于css可以添加背景颜色和背景图片,如果想要设置背景的图片固定而不是滚动需要?的主要内容,如果未能解决你的问题,请参考以下文章

html中想要将背景颜色渐变怎么弄?

css如何用一类来改变背景颜色?

在Css中如何设置span的背景颜色和背景图片

html中点击按钮怎样改变div背景颜色

CSS背景设置与Emmet语法

css中,div的background-image和img的图片可以放大或者缩小像素吗?