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

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

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

相关阅读

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

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

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

相关 CSS入门——背景样式

背景样式 1.背景颜色任务描述相关知识代码文件 2.背景图片任务描述相关知识

深碍√TFBOYSˉ_/ 2022年11月15日 11:37/ 0 赞/ 146 阅读

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

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

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

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

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

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

相关（CSS入门）css添加+背景图像+背景重复

css添加当浏览器读到样式表时，它将根据样式表中的信息来格式化 HTML 文档。三种使用 CSS 的方法有三种插入样式表的方法：外部css

布满荆棘的人生/ 2022年09月03日 02:29/ 0 赞/ 183 阅读

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

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

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

相关 html section 添加背景图片

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

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

相关 html+CSS让背景图片充满整个屏幕

由于给网页设置背景图时，需要设置背景图不重复且充满整个浏览器屏幕。给body标签指定背景图，这样背景图就可以填充整个浏览器viewport了。其实，该方案对所有的块级容器

傷城~/ 2022年03月28日 09:44/ 0 赞/ 355 阅读

相关 css 背景样式设置

背景颜色设置 background-color:red background-color:rgba(x,x,x,透明度) 设置背景

迷南。/ 2021年07月25日 01:18/ 0 赞/ 501 阅读

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

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

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