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

冷不防 2023-10-03 12:44 33阅读 0赞

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

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>背景图片的位置</title>
        <style>
            div {
        
                width: 800px;
                height: 400px;
                background-image: url(imges/qbxjs.png);
                /*  background-repeat: repeat-x; */
                background-color: gray;
                /*   background-position: 0 0; 方位名词 */
                /*   background-position: center top; */
                /*    background-position: 20px 50px; */
                /*    background-position: 20px; */
                /*   x=20px的时候  y不写   y是默认居中的 */
                /* 分别表示x轴  y轴 */
    
                /*  x一定是20px  y一定是center 等价于 background-position: 20px;*/
    
                /* ackground-position: 20px center; */
                /*  此种写法叫做混合参数 */
    
                background-position: center 100px;
                /*  水平居中 垂直是20px */
                background-repeat: no-repeat;
            }
        </style>
    </head>
    
    <body>
        <div></div>
    </body>
    
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关 CSS3 背景图像的位置

一、background-origin 指定背景图像的位置区域 ![Center][] ![Center 1][] 二、background-clip指定绘图

谁践踏了优雅/ 2024年02月17日 20:59/ 0 赞/ 27 阅读

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

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

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

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

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

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

相关背景图片css

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

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

相关更改背景图片

![在这里插入图片描述][20200806111504838.gif] <!DOCTYPE html> <html lang="en"> <head> <meta c

短命女/ 2022年11月24日 12:58/ 0 赞/ 234 阅读

相关 CSS背景——背景颜色、背景图片、背景平铺、背景图像位置、背景图像固定、背景图像半透明

CSS背景 CSS可以通过背景属性给页面元素添加样式背景背景属性可以设置背景颜色，背景图片，背景平铺，背景图片位置，背景图像固定等。背景颜色 backgro

短命女/ 2022年11月20日 08:17/ 0 赞/ 253 阅读

相关背景图片和插入图片的区别

背景图片和插入图片的区别：背景图片有定位属性, 所以可以很方便的控制图片的位置插入图片没有定位属性, 所以控制图片的位置不太方便转自：https://blog.

青旅半醒/ 2022年09月08日 13:59/ 0 赞/ 292 阅读

相关固定背景图片

> background-attachment 该属性来定义背景图片随滚动轴的移动方式 > > 取值: scroll | fixed | inherit > > scrol

野性酷女/ 2022年06月08日 00:07/ 0 赞/ 256 阅读

相关 VS背景图片

1.安装插件ClaudialDE 工具 –> 扩展和更新 –> 搜索ClaudialDE –> 安装 ![这里写图片描述][70] 2.设置背景 ![这里写图片描述][

痛定思痛。/ 2022年05月30日 03:28/ 0 赞/ 435 阅读

相关 css3圆角、边界图片、盒子阴影、背景大小、填充位置、定位位置、背景颜色渐变

1. css3圆角：border-radius （1）这是个复合属性：比如：border-radius：10px； == border-radius：10px 10px 1

我就是我/ 2022年05月10日 11:24/ 0 赞/ 284 阅读