html文档中怎么把图片作为背景？

来源:网络整理作者: 发布时间:2020-12-17 05:39

在html中，可以通过给body标签设置css background或background-image样式来把图片作为背景，语法格式“background/background-imag...

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> body { /*background: url(bg.jpg) no-repeat;*/ background-image: url(bg.jpg); background-repeat:no-repeat; } </style> </head> <body> 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 </body> </html>

效果图：

html文档中可以使用css background或background-image属性将图片设置为背景，background可以在一个声明中设置所有背景属性，background-image指定要使用的一个或多个背景图像

更多编程相关知识，请访问：编程课程！！

以上就是html文档中怎么把图片作为背景？的详细内容，更多请关注聚合云库其它相关文章！

示例：把图片作为背景

background可以设置的属性分别是：background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment 和 background-image。

各值之间用空格分隔，不分先后顺序。可以只有其中的某些值，例如 background：＃FF0000 URL（smiley.gif); 是允许的。

html文档中怎么把图片作为背景？

（推荐教程：html教程）

<html> <head> <style type="text/css"> body { background: url(bg.jpg) ; /*background-image: url(bg.jpg);*/ } </style> </head> <body> 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 </body> </html>

效果图：

在html中，可以通过给body标签设置css background或background-image样式来把图片作为背景，语法格式“background/background-image:url("图片路径");”。

这是多张图片平铺，如果想要一张图片占全屏，可以使用background-repeat属性，或在background属性上添加no-repeat值。

相关热词： HTML

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/4732.shtml

上一篇：网页开发中实用的11个文本

下一篇：利用html实现进度条效果的

用react的ReactCSSTransitionGroup插件	当你自己回头来看你写的这些
④格式标签粗体：b/b 斜体：	我们直接看代码： !DOCTYPE htm
假设我们的HTML代码如下： ul	那么使用 CSS3 新增的选择器无
我们尝试一下更新一下HTML结构	微软IE9平台预览版完整支持H
IE9正式版无论从性能提升还是	CSS3东西最新资讯
各路人马对它的热情都极为高	中联重科CSS3混凝土喷射机器手
CSS3与页面机关进修总结（二）	HTML5 学习总结（四）canvas绘图
四、id选择器（#ID） ID选择器	谈谈一些有趣的CSS题目（十）