首页 > 其他分享 >css背景样式

css背景样式

时间:2024-03-21 19:14:01浏览次数:23  
标签:平铺 repeat 设置 缩放 样式 背景 background css

background-image: url(../a.jpg); 设置背景图片url

background-repeat 设置显示方式 repeat-x水平方向平铺 repeat-y垂直方向平铺 repeat:水平和垂直方向平铺 round:自动缩放铺满整个容器 space:背景等比例缩放铺满整个背景,可能会有空缺

background-position 设置背景的 显示位置,可以通过center left top right来控制相对位置。也可以使用百分比控制位置

background-attachment 设置固定背景 fixed相对于浏览器固定,scroll相对于元素本身行动,也是默认值。

background-origin 设备背景的定位方式 默认从内容区域开始 也可以从边框区域开始 也可以从补白区域开始

background-size 设置背景图片大小 cover,contain 缩放

background: linear-gradient(#fff,#333); 定义线性渐变背景色

标签:平铺,repeat,设置,缩放,样式,背景,background,css
From: https://www.cnblogs.com/caoruipeng/p/18088012

相关文章

  • CSS属性
    目录内部样式使用style标签把CSS嵌入到HTML中外部样式创建一个单独CSS文件(.css)通过HTML中的link标签,把CSS文件引过来内联样式直接在元素里面使用style属性把对应的CSS内容写进来选择器标签选择器直接对div进行操作类选择器给特定div命名再操作id选择器后代选择......
  • css字体样式
    font-family字体i类型font-size字体大小color字体颜色font-weight字体粗细font-style字体倾斜效果normalitalicobliquetext-decoration定义修实现可以定义下划线underline上划线overline删除线等样式line-throughfont-variant定义字体的变体取值normalsmall......
  • vue3使用qrcodejs2-fix生成背景透明的二维码
    qrcodejs官方仓库:GitHub-davidshimjs/qrcodejs:Cross-browserQRCodegeneratorforjavascriptqrcodejs2-fix 是一个用于生成QR码的JavaScript库,使用的时候先安装,然后通过设置前景色和背景色可以控制显示的二维码效果。想生成透明背景的二维码也可以,我通过下面配置前景......
  • CSS问题精粹1
    1.关于消除<li>列表前的符号我相信很多人在初学CSS时会遇到该问题,无论是创作导航,还是列表,前面都会有个黑点点或其它符号。解决该问题其实很简单采用list-style-type:none或list-style:none直接解决如果你想更换前面的黑点点,换成其他符号或图片图标请看下面------>>>>>>......
  • 收藏一个不错的cssscript特效网站
    css水波浪效果demohttps://www.cssscript.com/demo/animated-waves-svg/  waves-animation/demohttps://www.cssscript.com/waves-animation/ ......
  • css样式
    样式的引入方法内部样式点击查看代码<head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><styletype="text/css&quo......
  • 深入理解 CSS:基础概念、注释、选择器及优先级
    在构建网页的过程中,我们不仅需要HTML来搭建骨架,还需要CSS来装扮我们的网页。那么,什么是CSS呢?本文将带大家了解css的基础概念,注释、选择器及优先级。一、CSS简介1.1什么是CSSCSS,全称为CascadingStyleSheets(层叠样式表),是一种用于描述网页上的信息格式化和显示方式的语言。它的......
  • CSS样式表 样式优先级 选择器以及选择器的权重优先级
     CSS组成    css由选择符和声明组成,声明又分为属性和属性值    属性必须放在花括号里面,属性与属性值必用冒号连接    每条声明用分号结束    当一个属性有多个属性值的时候,属性值与属性值部分先后顺序,用空格隔开    在书写样......
  • html5&css&js代码 031 又一个计算器
    html5&css&js代码031又一个计算器一、代码二、解释又一个计算器页面。一、代码<!doctypehtml><htmllang="zh-cn"><head><metacharset="UTF-8"><title>计算器</title><style>body{......
  • geoserver之shp图层标注样式
    geoserver之shp图层标注样式sld代码由udig生成。sld代码:<?xmlversion="1.0"encoding="GBK"?><sld:StyledLayerDescriptorxmlns="http://www.opengis.net/sld"xmlns:sld="http://www.opengis.net/sld"xmlns:gml="http://www.......