首页 > 教程 > 关键词 > CSS教程最新资讯 > 正文

CSS教程 CSS的Background Images 背景图片

2010-02-09 09:01 · 稿源:我爱CSS

背景图片Background Images有许多属性可以操作。

幸运的是,可以使用background处理所有:

Example Source Code:
body {
    background: white url(http://blog.huangchao.org/images/1.jpg) no-repeat top right;
}

上面合并了下面属性:

Example Source Code:
background-color出现在前面。
background-image图片的位置。
background-repeat图片重复的形式。背景图片可以重复repeat(这就像建筑用的瓦片一样),repeat-x在x轴(左右)重复,repeat-y在y轴(上下)重复,no-repeat不重复只显示一个。
background-position可以使用top,center,bottom,left,right或任何可以看到的组合,比如above在上面。

可以为大部分html元素设置背景图片,不只是整个页面(body),可以用来制作简单但效果显著的美化,比如圆角等等不同的边角形状。

使用背影图片非常简单,而且可以使用在页面的任何地方。许多人喜欢使用色彩鲜艳的图片作为背景的页面,带给用户判读前台文字困难加大。这是一个极端的例子,但事实上,大部分对用户友好、可读性强的文本是白色背景上显示黑色,或是黑色背景显示白色(建议使用柔和的颜色做为背景,减少刺眼的颜色)

所以,最佳使用背景图片的位置要么是上面没有内容要么是背景非常淡,这样同样有利于减少图片大小,因为使用更少的颜色。(建议使用索引色格式,比如GIF)

  • 相关推荐
  • 大家在看
  • 一篇带你搞懂小红书背景图新套路!

    周日,有零克club的小伙伴提醒,小红书功能更新,个人简介板块上线了新的背景功能,用户可以自由设置主页的背景图片。其实这个功能,我们在其他社交平台上应该都见过,像是微博的个人主页封面,微信朋友圈的背景图,还有最最最相似的抖音主页背景图。

  • 和平精英SS8赛季手册寻宝行动全攻略 SS8赛季手册寻宝行动教程

    ​和平精英SS8赛季手册寻宝行动是新增的玩法,在其中可以获得非常多的奖励,但是一些玩家还不清楚怎么去玩寻宝行动,下面就来为大家分享一下和平精英SS8赛季手册寻宝行动全攻略。

  • 安卓版Chrome新功能来了:支持图片编辑

    6月25日消息,据XDA报道,谷歌在Android版Chrome上加入了图片编辑功能。XDA指出,Chrome内置了截图编辑器,用户截屏后可以在Chrome内完成编辑、分享等操作。据悉,谷歌已经将这项功能加

  • DNF未央戡魔传未央幻境全攻略 未央幻境boss机制打法教程

    ​DNF未央戡魔传和未央幻境马上就要开放上线了,很多玩家还不清楚其中的四大凶兽饕鬄、混沌、梼杌和穷奇当大boss怎么打,下面就来为大家详细的介绍一下。

    dnf
  • 苹果推出SSD Kit:Mac Pro可自行升级8TB硬盘

    除了给Macbook Pro笔记本增加了AMD的Radeon RX 5600M显卡之外,苹果还给Mac Pro电脑推出了一个小工具——SSD Kit,可以让用户自行升级SSD容量,最高8TB,售价还没公布。苹果的Mac P

  • 唯一坚持MLC闪存!三星980 PRO PCIe 4.0 SSD韩国过审

    PCIe 4.0 SSD已经多如牛毛,但说到闪存,清一色都是TLC,而很多人念念不忘的MLC已经几乎绝迹。如果你实在需要MLC,可以等等三星980 PRO,因为它是如今几乎唯一硕果仅存的消费级MLC SSD。三星9

  • 庄卓然任飞猪总裁 阿里飞猪新总裁庄卓然背景介绍

    6 月 17 日消息,飞猪进行了一轮组织架构调整。飞猪是阿里巴巴旗下的综合性旅游出行服务平台,原为阿里旅行,后改名为“飞猪旅行”。

  • 一张图片卖到3000元天价,收费图片网站哪家更好?

    新媒体人常用的收费图片网站主要有以下八个,都是需要在线注册,PC端下载。每个特点都有所差别,并没有哪个面面俱到。

  • 红米 K30 Pro2197元购买攻略 京东618红米K30Pro24期免息购买教程

    红米 K30 Pro最近宣布直降700元,这也成为了最近大家讨论的热点,发布会仅仅过去两个月就降价了这么多,加上京东618的活动,更是可以用2197元购买红米K30Pro标准版,下面就来为大家分享一下攻略。

  • 罕见MLC闪存!三星980 PRO PCIe 4.0 SSD两个月内见

    无论是在消费级市场,还是数据中心领域,PCIe 4.0 SSD产品都已经相当丰富,而作为SSD界杠把子的三星电子,早在年初CES 2020上就展示了自己的首款消费级PCIe 4.0 SSD 980 PRO,半年过去了却迟迟没

  • epic登陆验证图片显示不出来怎么解决

    Epic平台上出现了登陆时图片验证显示不了,显示不出来的情况,这是怎么回事,要如何让图片显示出来登陆账号呢,这里我们来教大家处理这个经常容易出现的问题。

  • 十万以下买什么车好?CS35PLUS不容错过

    对于大多数年轻人来说,购车预算往往在十万左右,而这一级别市场也成为竞争最激烈的细分市场。各家车企面对激烈的竞争,为了吸引消费者的关注,更是推出众多产品来抢占市场。不过也正是因为如此,很多消费者都纠结十万以下买什么车好?而作为国产车企中的老大哥,长安汽车旗下的CS35PLUS无疑是“十万以下买什么车好”的代表之一。初看长安CS35PLUS,你会觉得这款车与市场上其他同级产品有着很大不同。在长安CS35 PLUS身上,虽然也能看到一丝

  • StrategyAnalytics:超宽带芯片正在迈向成功

    Strategy Analytics最新发布的研究报告《UWB的回归:智能手机、汽车、工业等芯片预测》指出,2019年UWB(超宽带)系统和无线电芯片市场实现了飞跃;于此同时,新标准、芯片和应用意味着UWB的复兴。相关资料显示,UWB 技术是一种传输速率高,发射功率较低,穿透能力较强并且是基于极窄脉冲的无线技术。 StrategyAnalytics指出,苹果iPhone11机型采用了全新的U1超宽带无线电芯片以及用于远程无钥匙进入的新汽车标准推动?

  • Windows 10启用全新开始菜单 微软:纯色背景统一视觉效果

    从今天开始,Windows 10开始启用全新菜单,对于这样的举措,微软表示,这是用一种更流畅的简化设计更新开始菜单,去掉了应用程序列表中logo后面的纯色背景,并为程序图标应用了部分透明化的统一

  • Serverless架构的前世今生

    一、Serverless简介云计算的不断发展,涌现出很多改变传统IT架构和运维方式的新技术,而以虚拟机、容器、微服务为代表的技术更是在各个层面不断提升云服务的技术能力,它们将应用和环境中很多通用能力变成了一种服务。但无论这些技术应用在哪里,帮助企业“降本增效”是技术变革永恒的主题。Serverless架构的出现,带来了跨越式的变革。Serverless下主机管理、操作系统管理、基础软件的部署运维、资源分配和扩缩容能力全部由云厂?

  • 跨境收款别担心,有亚马逊全球收款(ACCS)就够了

    收款,可以说是跨境电商卖家业务全流程中最重要的环节。跨境电商业务中的选品、采购、仓储、物流、营销等环节都需要依托于稳定的资金链来进行,而收款的高效安全稳定是卖家回笼货款并用于下一流程业务开展的关键。近期某国外支付平台破产暴雷,卖家辛辛苦苦销售货品所得的货款无法拿到手,没有比这更糟心的事了。要想做好跨境电商业务,选择一个稳定安全的收款渠道也是一门必修课。今天就给大家介绍一下近来市场上炒得火热的亚马逊官方?

  • 完美世界协助警方抓获CSGO外挂“Killer”制售团伙

    近日,CS:GO官方发文称,国服自上线以来,一直对作弊现象采取零容忍态度,坚决打击任何破坏游戏公平性的行为。近日,完美世界联合警方,成功打掉一个CS:GO外挂跨省制售团伙,抓获犯罪嫌疑人3名,其涉案金额高达百余万元。

  • 西瓜视频开通广告收益教程

    ​西瓜视频的广告一般会展示在视频开始或结尾的地方,开通西瓜视频广告收益后,作者将享有一定的广告收益。而平台为了平衡用户体验,并不是每次刷新都会有广告出现。那么怎么开通西瓜视频广告收益呢?以下是关于西瓜视频开通广告收益的详细介绍。

  • 谷歌将对图片进行事实核查 以遏制虚假信息传播

    为了遏制平台上虚假信息的传播,谷歌本周一表示将对谷歌图片搜索结果进行事实检查。那些误导性、深度伪造的图片、视频的虚假信息危害性往往比文本内容更大。目前,各大科技公司也正努力解决平台上猖獗传播错误信息的问题。

  • 2345看图王业内首创:支持查看AI和HEIC格式图片

    近日,2345看图王发布V9.3版本,通过对图片引擎库进行技术升级和业务集成,业内率先支持查看AI和HEIC格式图片,用户可通过直接双击或右键选择使用看图王打开图片,过程流畅无卡顿。完善的格式兼容能力,支持69种图片格式设计师往往需要搜索大量的图片来获取设计灵感,同时,设计师也会采用多种设计来生成不同格式的图片文件。一般情况下,图片软件支持主流的几种图片格式即能满足绝大部分用户需求。看图王的用户有很大一部分是设计师,而AI格

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议