css图片问题

最新推荐文章于 2022-09-18 15:25:15 发布
最新推荐文章于 2022-09-18 15:25:15 发布
阅读量59 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43371243/article/details/117662200
版权

在修改一个登录页面时发现css样式不显示，后来发现是我路径有问题。对于css样式应该了解一下文件的路径。点和点点的区别。同时图片的大小也存在着问题，虽然之前都遇到过，每次百度完就忘了，所以记录下。目录结构如下图所示：通过login.css 调用images的图片需要设置路径为图二，随便设置图片大小
在这里插入图片描述
在这里插入图片描述

不想注册csdn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css图片自适应大小
10-30
css图片自适应大小
CSS背景图片自适应大小
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
10-06 6408
在CSS中，如果你想让背景图片自适应元素的大小，你可以使用。应该被替换为你想要应用背景图片的元素的选择器。应该被替换为你的图片文件的路径。
css图片居中
m0_45218136的博客
09-18 6892
css图片水平垂直居中
css图片不变形显示
y1238r的博客
08-19 2815
图片在页面上，不变形显示。采用object-fit属性、transform属性实现
CSS图片背景样式
沃和莱特的博客
05-15 5904
前言： 上次我们介绍的CSS的背景样式，但是图片背景样式我们没有过多阐述，那么CSS的图片背景样式还有哪些值得一看的地方呢，一起看看叭~
css解决图片失真问题
yzxzxf的博客
03-09 2838
1.背景图片失真 .con{ height:100vh; width:100vm; background: url(../../assets/login/background.png) 100% 100%; background-color: #2d3a4b; background-size: 100vm 100vh; image-rendering: -webkit-optimize-contrast; } 2.图片失真 img {
CSS 图片横向排列实现代码
09-05
一个CSS布局实例，介绍的是一个横向排列的图片列表，这也是大家在从事网页布局时候最常见的一种布局实例，有必要掌握，本代码已经过了优化，个别细节你需根据你的网站主CSS风格进行调整，才能完美搭配。
HTML css图片放大效果
05-30
HTML css图片放大效果，鼠标放在图片上后图片放大，离开后缩小
css 背景图片平铺技巧
12-09
使用css来设置背景图片同传统的做法一样简单，但相对于传统控制方式，css提供了更多的可控选项，我们先来看看最基本的设置图片的方法。xhtml代码： 复制代码代码如下:”content”> </div> css代码： 复制代码代码...
css为图片设置背景图片
10-30
为图片设置背景图片，是一个非常搞的实例。这句话或许就感觉有点好玩。我们为以IMG标签引入页面的图片设置背景图片。
基于 Java 实现的宠物医院在线挂号系统
05-02
基于 Java 实现的宠物医院在线挂号系统 基于 Java 实现的宠物医院在线挂号系统
天津欢乐谷官方网站html5响应式触屏版手机wap旅游网站模板.zip
05-02
触屏版自适应手机wap软件网站模板 触屏版自适应手机wap软件网站模板
基于matlab实现的混沌扰动算法来解决pso算法早熟问题，并用二者结合来训练灰色预测模型参数.rar
05-02
基于matlab实现的混沌扰动算法来解决pso算法早熟问题，并用二者结合来训练灰色预测模型参数.rar
基于matlab实现的活性污泥模型的计算中进水水质转化的源代码.rar
05-02
基于matlab实现的活性污泥模型的计算中进水水质转化的源代码.rar
node-v5.7.1.tar.xz
最新发布
05-02
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
使用Fcn UNet训练防焊无开口-python源码.zip
05-02
使用Fcn UNet训练防焊无开口-python源码.zip
ONNXRuntime部署LSTR基于Transformer实时车道线检测包含C++和Python源码+模型+说明.zip
05-02
ONNXRuntime部署LSTR基于Transformer实时车道线检测包含C++和Python源码+模型+说明.zip
2021-2010上市公司和讯网社会责任评级CSR-股东员工客户消费者环境社会责任分项评级
05-02
上市公司和讯网社会责任评级CSR-股东责任员工责任客户消费者环境社会责任分项评级 得分（2010-2021年） "中国上市公司-和讯网社会责任数据"是 一份来自和讯网的数据集，它同步并收集了中国上市公司关于社会责任的相关信息。包括了 公司在股东责任、员工责任、供应商客户消费者权益责任、环境责任、社会责任中的表现和 成绩，以反映公司承担社会责任的程度。可以帮助大家了解公司在承担社会责任方面的具体 表现。这对于研究公司社会责任与公司业绩、公司声誉、公司风险等方面的关系具有参考意 义。 一、数据介绍 数据名称：上市公司和讯网社会责任评级CSR-股东责任员工责任 客户消费者环境社会责任分项评级得分 数据年份：2010-2021年 样本数量：每 年含2300-4600左右上市公司数据，总数据量40058条（注：因披露口径原因 ，2021年仅有430+上市公司数据） 数据格式：Excel面板数据 二、指标说 明 共计11个指标：股票名称、股票代码、年份、总得分、等级、股东责任、员工责任、 供应商客户和消费者权益责任、环境责任、社会责任、统计日期 三、部分excel数据 展示
用Stata怎样检验调节效应和被调节的中介效应：学习课件，数据、程序命令源代码
05-02
用Stata怎样检验调节效应和被调节的中介效应：学习课件，数据、程序命令源代码 自己重新整理，不存在任何版权、争议的商业信息！ 用Stata怎样检验调节效应和 被调节的中介效应：学习课件，数据、程序命令源代码 用Stata怎样检验调节效应和 被调节的中介效应：学习课件，数据、程序命令源代码 用Stata怎样检验调节效应和 被调节的中介效应：学习课件，数据、程序命令源代码 用Stata怎样检验调节效应和 被调节的中介效应：学习课件，数据、程序命令源代码
css 图片居中
05-31
要在 CSS 中将图片水平和垂直居中，可以使用以下方法： 方法一：使用 flexbox ```css .container { display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ } ``` 在上面的示例中，将包含图片的容器元素的 display 属性设置为 flex，然后使用 justify-content 和 align-items 属性将其水平和垂直居中。 方法二：使用绝对定位和 transform ```css .container { position: relative; } img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ``` 在上面的示例中，将包含图片的容器元素的 position 属性设置为 relative，然后使用 position、top、left 和 transform 属性将图片绝对定位并居中。 方法三：使用 text-align 和 vertical-align ```css .container { text-align: center; } img { display: inline-block; vertical-align: middle; } ``` 在上面的示例中，将包含图片的容器元素的 text-align 属性设置为 center，然后将图片的 display 属性设置为 inline-block 并使用 vertical-align 属性将其垂直居中。 这些方法中的任何一个都可以将图片水平和垂直居中，具体取决于您的布局需求和个人喜好。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值