css背景图片

2022-06-12发布者：ylm大小：下载：0

文件大小:

背景图像

要把图像放入背景，需要使用 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 也不能继承。事实上，所有背景属性都不能继承。

实例代码，可以试试哦。

<html>

<head>

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

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

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

</style>

</head>

<body>

<p class="flower">我是一个有花纹背景的段落。<a href="#" class="radio">我是一个有放射性背景的链接。</a></p>

<p><b>注释：</b>为了清晰地显示出段落和链接的背景图像，我们为它们设置了少许内边距。</p>

</body>

</html>

发表评论(共0条评论)

1 本站所有资源（含游戏）均是软件作者、开发商投稿，任何涉及商业盈利目的均不得使用，否则产生的一切后果将由您自己承担！

2 本站将不对任何资源负法律责任，所有资源请在下载后24小时内删除。

3 若有关在线投稿、无法下载等问题，请与本站客服人员联系。

4 如侵犯了您的版权、商标等，请立刻联系我们并具体说明情况后，本站将尽快处理删除，联系QQ:2499894784

热门软件

最近更新