CSS——设置背景

Myth丶恋晨 2023-08-17 16:10 119阅读 0赞

<!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title>CSS</title>
            <style type="text/css">
                #style1 {
         
                    font-family: "微软雅黑";
                    position: absolute;
                    left: 340px;
                    top: 123px;
                    width: 98px;
                    height: 90px;
                    background-color: aliceblue;
                }
                
                #style2 {
         
                    font-family: "微软雅黑";
                    position: absolute;
                    left: 540px;
                    top: 223px;
                    width: 234px;
                    height: 317px;
                    background-image: url(img/1511498485601.jpeg);
                }
            </style>
        </head>
    
        <body bgcolor="aquamarine">
    
            <div id="style1">
    
                床前明月光，<br> 疑是地上霜。
                <br> 举头望明月，
                <br> 低头思故乡。
    
            </div>
            <div id="style2">
    
            </div>
    
        </body>
    
    </html>

![1392562-20190826193647940-650219202.png][]

width和height用来控制选区的大小；left、right、top用来控制选区在页面中的位置；background-color: 用来设置背景颜色；background-image:用来设置背景图片。

转载于:https://www.cnblogs.com/zhai1997/p/11414473.html

[1392562-20190826193647940-650219202.png]: /images/20230810/21fb71df3fc041989c1832cb39635552.png

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 CSS——设置背景

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

Myth丶恋晨/ 2023年08月17日 16:10/ 0 赞/ 120 阅读

相关 css设置背景精灵用法

在http页面请求中，下载图片等不是最耗时的，关键是优化请求数这里用背景精灵的用法来做例子，一个页面里面小图标特别多的话，我们可以用一个大的图片吧所有的图标都包括在里面

灰太狼/ 2022年06月14日 05:18/ 0 赞/ 211 阅读

相关 css设置背景

css2设置背景相关属性有如下： background : 简写属性，作用是将背景属性设置在一个声明中。 background-color : 设置元素的背景颜色。

小咪咪/ 2022年06月06日 02:24/ 0 赞/ 294 阅读

相关 css背景图设置

.bgImg1\{width: 200px; height: 500px; border: 1px solid \999; background-image: ur

Bertha 。/ 2022年06月05日 00:54/ 0 赞/ 251 阅读

相关 CSS复习之用用 CSS 设置背景颜色和背景图像

今日目录 1、设置背景颜色 2、设置背景图像 3、设置背景图像平铺 4、设置背景图

我会带着你远行/ 2022年05月25日 10:09/ 0 赞/ 330 阅读

相关 css设置背景色渐变

css完成以下如图背景色 ![在这里插入图片描述][2019011414465155.png]css样式 div1 { width: 100%;

墨蓝/ 2022年04月22日 16:06/ 0 赞/ 343 阅读

相关 css:背景图常用设置

background:url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=

川长思鸟来/ 2021年12月12日 13:25/ 0 赞/ 368 阅读

相关 css 一个div既设置背景图又设置背景颜色

1. 需求 : 设置一个背景上面为背景图下面为颜色 background: url('../images/invite_friends.png') 0

快来打我*/ 2021年09月17日 04:08/ 0 赞/ 710 阅读

相关 css 背景样式设置

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

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