首页 > 其他分享 >常用样式--背景

常用样式--背景

时间:2024-01-25 13:11:42浏览次数:19  
标签:常用 repeat background -- 背景 样式 Background position 重复

背景颜色(Background Color):

background-color: blue;

  

背景图片(Background Image):

background-image: url('path/to/image.jpg');

  

背景重复(Background Repeat):

background-repeat: repeat;   // 图片在垂直和水平方向重复
background-repeat: repeat-x; // 图片只在水平方向重复
background-repeat: repeat-y; // 图片只在垂直方向重复

  

背景位置(Background Position):

background-position: left top;
background-position: center center;
background-position: 100px 200px; // 使用具体的数值

  

背景附着(Background Attachment):

background-attachment: scroll; // 背景图像随元素内容滚动
background-attachment: fixed;  // 背景图像固定不动

  

标签:常用,repeat,background,--,背景,样式,Background,position,重复
From: https://www.cnblogs.com/mxleader/p/17986947

相关文章

  • autoware安装
    1.packagefailed:ndt_gpu CMakeLists.txt:22(AW_CHECK_CUDA)解决:cuda版本<=10.02. GPUsupportonMelodicrequiresEigenversion>=3.3.7默认的eigen安装位置在/usr/include/eigen3,将/Downloads/eigen-3.3.7/install/include/eigen3下的文件移动到/usr/include/e......
  • git 配置第三方比较工具(2)
    转载:https://blog.csdn.net/qfturauyls/article/details/1093718603.2:在~/.gitconfig中添加如下配置。[diff]tool=bcomp[difftool"bcomp"]cmd=\"/usr/local/bin/bcomp\"\"$LOCAL\"\"$REMOTE\"[difftool]promp......
  • C转C++速成浅入浅出系列——STL之vector
    本系列为应付考研复试用,知识浅入浅出,很多地方不深究细节原理;如有谬误,欢迎大家指出。vector【vector:矢量,向量】理解为向量、动态数组等。我想在我这种入门阶段,最常用的还是其动态数组的功能。需提供头文件#include<vector>创建可指定数组大小,和所有值的初始值;数组大小初始值......
  • 【ABAQUS脚本】后处理快速出图
    效果图:#-*-coding:utf-8-*-#Donotdeletethefollowingimportlinesfromabaqusimport*fromabaqusConstantsimport*import__main__fromodbAccessimport*#odbnameodbName='Job-case1.odb'myodb=session.odbs[odbName]stepName='S......
  • git 配置第三方比较工具(1)
    转:https://blog.csdn.net/m0_56121792/article/details/132952621【前言】BeyondCompare是一款文件和文件夹比较工具,它能够比较和同步文件夹和文件,并显示它们之间的差异,方便用户决定如何更新和管理它们。它提供了在Windows、macOS、Linux等平台的安装包,其Linux系统安装和卸......
  • wr30u刷机
    前置工作路由器配置才买回来的路由器,插上电源,先不要插入网线,进入后台。在上网配置中,做以下配置:上网配置选择DHCP点击启动与智能网关无线配置同步(会重启)WAN口选择,改为固定WAN口,1口为固定WAN口。电脑配置打开控制面板-网络和Internet-网络和共享中心-选择WLAN-点击属......
  • miniweb开源的迷你HTTP服务器端软件
    前言全局说明MiniWeb是一个用C语言写成的HTTP服务器端软件,具有资源占用少、响应快速、跨平台(POSIX、*nux、Windows)等优点,支持常用的GET、POST算法及音/视频流媒体应用,可用来构建WEBSITE站点或VOD服务器等。MiniWeb是一个针对嵌入式应用而开发的微型WebServer,它占用资源少,工......
  • 《幻兽帕鲁》爆火,大厂坐不住了:这游戏是 AI 设计的?丨 RTE 开发者日报 Vol.134
       开发者朋友们大家好: 这里是「RTE开发者日报」,每天和大家一起看新闻、聊八卦。我们的社区编辑团队会整理分享RTE(RealTimeEngagement)领域内「有话题的新闻」、「有态度的观点」、「有意思的数据」、「有思考的文章」、「有看点的会议」,但内容仅代表......
  • 解决跨域问题的8种方法,含网关、Nginx和SpringBoot~
    跨域问题是浏览器为了保护用户的信息安全,实施了同源策略(Same-OriginPolicy),即只允许页面请求同源(相同协议、域名和端口)的资源,当JavaScript发起的请求跨越了同源策略,即请求的目标与当前页面的域名、端口、协议不一致时,浏览器会阻止请求的发送或接收。解决跨域问题方案跨域问题......
  • 寒假生活指导17
    <template><divclass="carbon-quota-page"><!--页面标题--><h1>碳额度查询</h1><!--查询表单区域--><el-formv-if="!loading":model="form"ref="queryForm"la......