当前位置: 首页 > news >正文

CSS的背景——颜色,图片,背景图片位置,

1 颜色——代码展示

<style>
            div {
                width: 200px;
                height: 200px;
                background-color: pink;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>

2

 <style>
            div {
                width: 300px;
                height: 300px;
                background-image: url(7.jpg);
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>

 代码展示

<title></title>
        <style>
            div {
                width: 300px;
                height: 300px;
                background-image: url(7.jpg);
                background-repeat: no-repeat;
                /* 沿着x轴平铺 */
                background-repeat: repeat-x;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>

 

 <style>
            div {
                width: 600px;
                height: 300px;
                background-image: url(9.jpg);
                background-repeat: no-repeat;
                background-color: red;
                /* 沿着x轴平铺 */
                /* background-repeat: repeat-x; */
                background-position: right center;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>

相关文章:

  • 内网渗透之CFS三层靶机搭建
  • Mediacodec 如何硬件解码到纹理的
  • PDF格式分析(七十五)——线型注释(Line)
  • 医学视VQA——综述
  • Lambda表达式实现方式、标准格式、练习、省略模式、注意事项及和匿名内部类的区别
  • java毕业生设计医患辅助系统计算机源码+系统+mysql+调试部署+lw
  • CAD如何绘制六连环图案?CAD使用圆,椭圆,直线综合练习
  • 二叉树及其应用(增删改查)
  • 分库分表二:ShardingJDBC进阶实战案例上
  • ClickHouse(06)ClickHouse的数据表创建语句详细解析
  • 银纳米团簇-荧光Ag25团簇以及衍生团簇(直径1-2nm)
  • Jmeter-Windows环境配置
  • BZOJ4756 Promotion Counting(线段树合并)
  • 【重识云原生】第六章容器6.3.1节——K8S核心组件总述
  • python中常用的魔术方法总结(二)
  • 【108天】Java——《Head First Java》笔记(第1-4章)
  • 【Leetcode】104. 二叉树的最大深度
  • co模块的前端实现
  • css系列之关于字体的事
  • httpie使用详解
  • iOS | NSProxy
  • JS字符串转数字方法总结
  • LeetCode算法系列_0891_子序列宽度之和
  • node-sass 安装卡在 node scripts/install.js 解决办法
  • passportjs 源码分析
  • Python - 闭包Closure
  • Python学习笔记 字符串拼接
  • VUE es6技巧写法(持续更新中~~~)
  • 案例分享〡三拾众筹持续交付开发流程支撑创新业务
  • 关于Java中分层中遇到的一些问题
  • 区块链分支循环
  • 深度学习中的信息论知识详解
  • 实现简单的正则表达式引擎
  • 使用common-codec进行md5加密
  • 手写双向链表LinkedList的几个常用功能
  • 微信小程序实战练习(仿五洲到家微信版)
  • 详解NodeJs流之一
  • 详解移动APP与web APP的区别
  • 这几个编码小技巧将令你 PHP 代码更加简洁
  • 正则与JS中的正则
  • 终端用户监控:真实用户监控还是模拟监控?
  • Python 之网络式编程
  • Spring Batch JSON 支持
  • 阿里云API、SDK和CLI应用实践方案
  • #define
  • #NOIP 2014#Day.2 T3 解方程
  • #微信小程序:微信小程序常见的配置传旨
  • (2.2w字)前端单元测试之Jest详解篇
  • (3)Dubbo启动时qos-server can not bind localhost22222错误解决
  • (HAL库版)freeRTOS移植STMF103
  • (附源码)流浪动物保护平台的设计与实现 毕业设计 161154
  • (一)Linux+Windows下安装ffmpeg
  • (转)项目管理杂谈-我所期望的新人
  • *(长期更新)软考网络工程师学习笔记——Section 22 无线局域网
  • .net core webapi Startup 注入ConfigurePrimaryHttpMessageHandler