背景属性

最新推荐文章于 2024-05-08 16:04:38 发布

渴望成为大佬

最新推荐文章于 2024-05-08 16:04:38 发布

阅读量121

点赞数

分类专栏：前端学习文章标签：背景属性

本文链接：https://blog.csdn.net/qq_39787515/article/details/83472525

版权

前端学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<head>
    <meta charset="UTF-8">
    <title>背景相关属性</title>
    <style>
        div.c0{
            background-color:red ;
        }
        div.c1{
            width: 600px;
            height: 600px;
            /*border: 1px solid;  显示边框*/
            /*background-image: url("1.jpg");*/
            background-image: url("1.jpg");
            /*不重复*/
            /*background-repeat: no-repeat;*/
            /*background-repeat: repeat-x;*/
            /*background-position: center; 中心位置*/
            /*background-position: 200px 200px; 移动像素位置*/
        }
    </style>
</head>
<body>
<div class="c0">我是div</div>
<div class="c1">你好</div>

background:red 背景颜色

       width: 600px;   背景宽度
        height: 600px;	背景高度
        /*border: 1px solid;  显示边框*/
        /*background-image: url("1.jpg");*/
        background-image: url("1.jpg"); 背景图片
        /*不重复*/
        /*background-repeat: no-repeat;*/  背景边框若是大于图片，图片不重读，默认重复
        /*background-repeat: repeat-x;*/
        /*background-position: center; 中心位置*/    图片位于边框的中心
        /*background-position: 200px 200px; 移动像素位置*/

渴望成为大佬

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
背景属性

&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;背景相关属性&lt;/title&gt; &lt;style&gt; div.c0{ background-color:red ; } div.c1{ width: 60...
复制链接

扫一扫

专栏目录