分享更有价值
被信任是一种快乐

HTML与CSS中背景相关属性怎么用

文章页正文上

小编给大家分享一下HTML与CSS中背景相关属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
  一.背景尺寸属性
  1.什么是背景尺寸属性
  背景尺寸属性是CSS3中新增的一个属性,专门用于设置背景图片大小
  background-size:xxxx;
  取值:
  1.具体像素>>background-size:200px100px;
  2.百分比>>background-size:100%80%;
  3.宽度等比拉伸>>background-size:auto100px;
  4.高度等比拉伸>>background-size:100pxauto;
  5.cover>>background-size:cover;
  5.1告诉系统图片需要等比拉伸
  5.2告诉系统图片需要拉伸到宽度和高度都填满元素
  6.contain>>background-size:contain;
  6.1告诉系统图片需要等比拉伸
  6.2告诉系统图片需要拉伸到宽度或高度都填满元素(只保证一边填满)
  background-size
  二.背景图片定位区域属性
  background-origin:告诉系统背景图片从什么区域开始显示,默认情况下就是从padding区域开始显示;
  取值:
  1.padding-box:默认值>>background-origin:padding-box;告诉系统背景图片从什么区域开始显示,默认情况下就是从padding区域开始显示;
  2.border-box>>background-origin:border-box;从border位置开始
  3.content-box>>background-origin:content-box;从content位置开始
  113-背景图片定位区域属性

  • 默认
  • padding
  • border
  • content

相关推荐: html怎么添加css样式

本文小编为大家详细介绍“html怎么添加css样式”,内容详细,步骤清晰,细节处理妥当,希望这篇“html怎么添加css样式”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。   首先我们要了解一下在html中添加css样式的三种方法是…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册