让背景图片充满网页浏览器的代码    4星级
让背景图片充满网页浏览器的代码
[ 作者:蓝色海豚    转贴自:本站原创    点击数:    更新时间:2019/10/20    文章录入:蓝色海豚
【字体: 字体颜色

下面的代码放置在之后,之前

相关代码说明:

/* 背景为图片 */
background-image:url(/Images/Background.jpg);

/* 背景为颜色 */
background-color: #CCCCCC;

/* 背景图片垂直、水平均居中 */
background-position: center center;

/* 背景图片不平铺 */
background-position: no-repeat;

/* 背景图片同时在横向和纵向上平铺 */
background-position: repeat;

/* 背景图片在横向上平铺 */
background-position: repeat-x;

/* 背景图片在纵向上平铺 */
background-position: repeat-y;

/* 背景图片在原图基础上重复,3为重复次数 */
background-repeat: repeat:3;

/* 当内容高度大于图片高度时,背景图片的位置相对于viewport固定 */
background-attachment: fixed;

/* 让背景图片基于容器大小伸缩 */
background-size: cover;

  • 上一篇文章:CSS设置上划线、下划线、删除线

  • 下一篇文章:微软BING每日一图的引用源
  • 发表评论   告诉好友   打印此文  关闭窗口
     最新5篇热点文章
    让背景图片充满网页浏览器…[60]
    PhotoShop矩形选框变形的解…[145]
    子网掩码对应的网络前缀长…[59]
    Surface截屏的方法[251]
    手机右上角突然出现HD图标…[57]
     
     最新5篇推荐文章
    微软BING每日一图的引用源…[11-30]
    不允许微信群里的非本人好…[10-12]
    免费的DNS服务器[03-14]
    让背景图片充满网页浏览器…[10-20]
    PhotoShop矩形选框变形的解…[10-20]
     
     相 关 文 章

      网友评论:(只显示最新5条。评论内容只代表网友观点,与本站立场无关!)