html背景图片css怎么添加,css样式怎么插入背景图片？

╰+攻爆jí腚メ 2022-10-06 08:51 231阅读 0赞

css样式怎么插入背景图片？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

![4df3888e01ce34942327a39dee653977.png][]

在css中，给html元素添加背景图，主要通过background-image属性来设置。

background-image 属性设置一个元素的背景图像。

元素的背景是元素的总大小，包括填充和边界(但不包括边距)。

默认情况下，background-image放置在元素的左上角，并重复垂直和水平方向。

提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，可以使用背景色带代替。

示例：

CSS样式代码：

.backimage \{

/\*设置图片大小\*/

width: 980px;

height: 200px;

/\*背景图像将仅显示一次 no-repeat\*/

background-repeat: no-repeat;

/\*添加您要添加的背景图片\*/

background-image: url('Images/reg\_bg.gif');

/\*图片居中\*/

margin: auto;

\}

.backtable \{

margin-top: 40px;

/\*向上浮动\*/

float: left;

\}

HTML代码：

<table> 
 <tbody> 
  <tr> 
   <td>用户名：</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>密码</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

附上效果图：

![35b0a7b75dba1079aea66b3f9b1954c4.png][]

更多web前端知识，请查阅 HTML中文网 ！！

[4df3888e01ce34942327a39dee653977.png]: /images/20221005/58dbc2ff9917478093e35e3db9a4b6c6.png
[35b0a7b75dba1079aea66b3f9b1954c4.png]: /images/20221005/16f7f3a3f94d4601960660e779333cfe.png

发表评论取消回复

表情：

评论列表（有 0 条评论，231人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS背景图片无法显示

问题描述：我在编写网页时，设置了CSS样式来指定背景图片，但是在浏览器中预览时，背景图片却无法显示出来。请问我应该如何解决这个问题呢？解决方案： 1. 检查图片路

清疚/ 2024年02月23日 04:09/ 0 赞/ 51 阅读

相关 CSS_图片篇&背景

一、图片大小 <!DOCTYPE html> <html lang="en"> <head> <meta charset

╰+攻爆jí腚メ/ 2023年10月06日 16:56/ 0 赞/ 23 阅读

相关背景图片平铺（HTML、CSS）

背景图片平铺（HTML、CSS） <!DOCTYPE html> <html lang="en"> <head> <me

向右看齐/ 2023年10月03日 12:45/ 0 赞/ 20 阅读

相关背景图片的位置（HTML、CSS）

背景图片的位置（HTML、CSS） <!DOCTYPE html> <html lang="en"> <head> <m

冷不防/ 2023年10月03日 12:44/ 0 赞/ 18 阅读

相关 css背景图片定位

背景图默认平铺： background-repeat: no-repeat;/不平铺/ /repe

川长思鸟来/ 2023年06月11日 05:26/ 0 赞/ 5 阅读

相关 html div背景图片属性,div css 背景样式background属性

![ed74227fd1fa914c8ba7d5a0552957a1.png][] css bac千克round 后台花样 css组织中无论是配置靠山色调照样配景图片，凡是

系统管理员/ 2022年10月06日 10:50/ 0 赞/ 235 阅读

相关 html背景图片css怎么添加,css样式怎么插入背景图片？

css样式怎么插入背景图片？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 ![4df3888e01ce34942327a39d

╰+攻爆jí腚メ/ 2022年10月06日 08:51/ 0 赞/ 232 阅读

相关 CSS——图片与页面背景

【前言】本篇博客依然是介绍CSS样式，不过今天介绍的是有关图片的样式，以及如何把图片添加到页面当页面背景，并进行相应的调整美化。【正文】一、图片样式

朴灿烈づ我的快乐病毒、/ 2022年06月03日 10:28/ 0 赞/ 207 阅读

相关 html section 添加背景图片

直接在css 样式里设置就可以了。 section.hero \{ background: url(../images/welcome02.jpg) no-r

我就是我/ 2022年05月11日 06:52/ 0 赞/ 462 阅读

相关 css如何设置背景图片？background属性添加背景图片

在前端开发过程中，为了页面的美观，往往都会给html页面添加背景图片。那么如何利用css设置html中用图片做背景？本章就给大家介绍css怎样设置背景图片。有一定的参考价...

朱雀/ 2021年01月29日 18:18/ 0 赞/ 1004 阅读