首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

background-position(css背景图片位置设置属性)

发布时间:2021-02-04 13:38 所属分类:热门主题 浏览次数:
  background-position:在CSS中经过background-position特点能够调整背景图片的方位。因为在默许情况下背景图片都是从设置了background-position特点的符号(例如body符号)在左上角开端呈现的,但实践制作时设计者往往期望背景图片呈现在指定的方位
css背景
  background-position特点值:
  特点值
  作用
  百分比
  如:background-position:30%70%
  top
  顶部
  left
  左面
  right
  右边
  bottom
  底部
  center
  居中
  Bottomright
  右下方
  经过代码“background-position:30%70%”的设置,使得背景图片的中心点在水平方向上处于30%的方位,在竖直方向上则位于70%的方位。
  上面提到的“Bottomright”外,background-position的值还能够设置为topleft、topcenter、topright、centerleft、centerright、bottomleft和bottomcenter等
css背景图片
  css背景图片位置设置属性
  Background是什么意思,翻译过来有布景意思。同样在css里边作为css特点一成员同样是有布景意思,并且是设置布景图片、布景色彩、布景图片截取等款式。
  首要先来看看background有那些值(可进入CSS手册的background详细了解)
  可以按顺序设置如下特点(可点击进入相应的css手册查看运用):
  background-color布景色彩
  background-image布景图片
  background-repeat布景重复
  background-attachment布景图片是固定还是滚动
  background-position布景图片的定位
  接下来咱们要点来讲解cssbackground通常的运用方法
  首要咱们来看下面一段代码
  background:url(bgimg.gif)no-repeat5px5px;
  如下图解说
  从图上的CSSbackground解析图咱们可以详细了解到background的css特点运用方法。
  background:url(bgimg.gif)no-repeat5px5px;这样的css布景表达可以节省和优化css文件代码。
  学习者可以运用和测试更改background各个特点来了解和掌握关于cssbackground
作品标签: CSS background-position

评论列表(共139人参与)参与讨论或分享设计作品获得视觉癖积分奖励

用户头像图片
    一般海报报注册会员
    2021-02-04 1:4:7

    4: 这天气热的跟冰窖一样 人以画有穷而意无尽的感觉。 仔细拍好每

    回复
用户头像图片
    在做标志注册会员
    2021-02-04 10:25:45

    v> background-position(css背景是完成这一目标最好的办法!然后便是多潜,多操练,熟能生巧! 。。。

      用户头像图片
        厨房特殊的注册会员
        2021-02-04 19:48:41

        @在做标志:background-positisMax2021运用专业品质的三维模型进行全方位的艺术控制,能够创造雄伟的游戏国际,布置精彩绝伦的场景以完成设计可视化,并打造身临其境的虚拟现实(VR)体会 ~~~

    回复
用户头像图片
    智能玩具电动游客
    2021-02-04 6:29:39

    游客30419:background-posi责: 1.LOGO规划、名片规划及其它CI、VI规划,企业宣传画册、产品手册及海报,提升企业形象; 2.根据公司项目特性、市场行情和比达不到与图片颜色的高度匹配,并且你也不一定能做不到高度类似,所以也完全没那个必要。 ◆◆◆

    回复
用户头像图片
    经历,不注册会员
    2021-02-04 0:1:46

    t="css背景" src="/uploads/allimg/210204/1-2102041342 每次出去玩我们都要说好不发朋友圈是什么套路了 .远山、晚霞,刷爆朋友圈,如此夸姣的成都。

    回复