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

╰+攻爆jí腚メ 2022-10-06 08:51 254阅读 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 条评论，254人围观）

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

相关阅读

相关超大背景图片（HTML、CSS）

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

布满荆棘的人生/ 2023年10月03日 12:49/ 0 赞/ 19 阅读

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

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

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

相关背景图片固定（背景图片附着）（HTML、CSS）

背景图片固定（背景图片附着）（HTML、CSS） <!DOCTYPE html> <html lang="en"> <head>

桃扇骨/ 2023年10月03日 12:45/ 0 赞/ 23 阅读

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

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

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

相关 css背景透明(css背景透明度怎么设置)

CSS 背景颜色透明怎么弄外层div: background-color: rgba(255, 255, 255, 0.9); /\ 白色并且阿尔法通道是0.9\/

我会带着你远行/ 2023年09月26日 13:14/ 0 赞/ 24 阅读

相关 html插入图片_html网页怎么添加图片

直接在HTML代码中使用img标签来显示图片,比如下面这个代码. 。给你解释一下路径问题images是和你的网页文件在同一个文件夹下的文件夹比如你的网页文件是abc.ht

短命女/ 2023年09月24日 03:48/ 0 赞/ 157 阅读

相关背景图片css

.login-container { width: 100%; height: calc(100% - 90px);

╰半橙微兮°/ 2023年07月09日 07:30/ 0 赞/ 23 阅读

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

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

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

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

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

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

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

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

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