css如何实现背景图电脑端/手机端自适应功能

css代码:

@charset "utf-8";*{margin: 0px;padding: 0px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 12px;}a{text-decoration: none;}html{width: 100%;height: 100%;overflow-x:hidden; overflow-y:auto;}body{width: 100%;min-height: 100%;}.login-bg{ background:url(./bg.png) no-repeat center;    background-size: cover;    overflow: hidden;}

登录后复制

html代码:

nbsp;html>            //你的内容

登录后复制

以上就是css如何实现背景图电脑端/手机端自适应功能的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3122065.html

(0)
上一篇 2025年3月29日 18:05:33
下一篇 2025年3月29日 18:05:39

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css响应式布局是什么

    起因    因为越来越多的智能移动设备( mobile, tablet device )加入到互联网中来,移动互联网不再是独立的小网络了,而是成为了 internet 的重要组成部分。响应式网络设计 ( rwd / awd)的出现,目的是为…

    编程技术 2025年3月29日
    100
  • 用CSS样式生成搜索、购物车等图标样式

    这篇文章主要介绍了用css样式生成搜索、购物车等图标样式(图标字体库)的相关资料,需要的朋友可以参考下 参考网址:http://fontawesome.dashgame.com/ 基本图标: 您可以将Font Awesome图标使用在几乎任…

    编程技术 2025年3月29日
    100
  • css盒模型简介

    盒模型 1 盒子中的区域 盒子的主要属性: width 宽度,css中width指的是内容的宽度,而不是盒子的宽度。 height高度 ,css中Height指的是内容的高度,而不是盒子的高度。 padding 内边距 border 边框 …

    编程技术 2025年3月29日
    100
  • css实现钻石的旋转效果

    css钻石旋转实现: nbsp;html>/* 钻石旋转 * 要实现这个钻石旋转: 首先需要明确这个钻石分为上下两个部分,上面包含六个正三角形,下面有6个倒三角形 * css实现正三角形:上右下左的方向 border-style: s…

    编程技术 2025年3月29日
    100
  • 总结利用css设置元素垂直居中

    作为前端攻城师,在制作web页面时都有碰到css制作水平垂直居中,我想大家都有研究过或者写过,特别的其中的垂直居中,更是让人烦恼,下面这篇文章主要给大家汇总介绍了关于利用css设置元素垂直居中的解决方法,有了这些方法就用再愁啦,需要的朋友可…

    编程技术 2025年3月29日
    100
  • 利用CSS3 animation动画属性实现轮播图效果的方法详解

    css3的animation属性可以像flash制作动画一样,通过控制关键帧来控制动画的每一步,实现更为复杂的动画效果。下面通过本文给大家分享基于css3 animation动画属性实现轮播图效果,需要的朋友参考下吧 animation简介…

    编程技术 2025年3月29日
    100
  • 总结css清除浮动的几种方法及兼容性处理方法

    这篇文章主要介绍了详解css清除浮动float的七种常用方法总结和兼容性处理,非常具有实用价值,需要的朋友可以参考下 在清除浮动前我们要了解两个重要的定义: 浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素…

    编程技术 2025年3月29日
    100
  • CSS3中transform属性

    在CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理。 一.rorate(旋转) 用法:transform: rorate(45deg); 共一个参数“角度”,单位deg为度的意思,正数为…

    编程技术 2025年3月29日
    100
  • 纯css实现table固定列与表头中间横向滚动实例讲解

    这篇文章主要给大家介绍了关于如何利用纯css实现table固定列与表头,中间横向滚动的相关资料,文中通过示例代码详细的给大家介绍了关于实现该效果的思路与方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。 前言 …

    编程技术 2025年3月29日
    100
  • css编写注意事项总结分享

    css的编写是需要积累的,而一个好的css编写习惯对我们将来的成长是非常有利的,我会把我平时看到的或者遇到的会不定时的更新到这里,不时翻一下,但求有所进步。 如果各位看官也有看法和建议,评论下,我也会更新进来,谢谢! 1、css选择符是从右…

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论