CSS配景怎么设定

CSS根基教程：CSS的配景不止可以设定色彩还可以设定图片，运用background-color属性为元素设定配景色，运用ackground-image属性为元素设定配景图片。

CSS在这方面的能力远远在 HTML 之上。 ( 举荐学习：CSS根基教程 )

配景色

可以运用 background-color 属性为元素设定配景色。这个属性承受任何合法的色彩值。

这条法则把元素的配景设定为灰色：

p {background-color: gray;}

要是您但愿配景色从元素中的文本向外少有延长，只需添加一些内边距：

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

可认为所有元素设定配景色，这包含 body 不断到 em 和 a 等行内元素。

background-color 不克不及继承，其默许值是 transparent。transparent 有“透亮”之意。也就是说，要是一个元素没有指定配景色，那么配景就是透亮的，这样其先人元素的配景才干可见。

配景图像

要把图像放入配景，需要运用 background-image 属性。background-image 属性的默许值是 none，表示配景上没有放置任何图像。

要是需要设定一个配景图像，必需为这个属性设定一个 URL 值：

body {background-image: url(/i/eg_bg_04.gif);}

大多数配景都利用到 body 元素，不外并不仅限于此。

下面例子为一个段降利用了一个配景，而不会对文档的其他局部利用配景：

p.flower {background-image: url(/i/eg_bg_03.gif);}

您甚至可认为行内元素设定配景图像，下面的例子为一个链接设定了配景图像：

a.radio {background-image: url(/i/eg_bg_07.gif);}

理论上讲，甚至可以向 textareas 和 select 等替代元素的配景利用图像，不外并不是所实用户代理都能非常不错地处置这种状况。

别的还要增补一点，background-image 也不克不及继承。事实上，所有配景属性都不克不及继承。

以上就是CSS配景怎么设定的细致内容，更多请关注 百分百源码网 其它相干文章！