博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS再学习 之背景色 背景图片
阅读量:6264 次
发布时间:2019-06-22

本文共 492 字,大约阅读时间需要 1 分钟。

背景色

p {background-color: gray;}

如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内边距。

p {background-color: gray; padding: 20px;}

背景图片

body {background-image: url(    xxx.jpg);}

背景重复。

background-repeat: repeat-y;

422101-20181222131759283-1279385974.png

背景定位。

background-position:center;

百分数值。

background-position:50% 50%;

如果你想把一个图像放在水平方向 2/3、垂直方向 1/3 处,可以这样声明。

background-position:66% 33%;

长度值。长度值解释的是元素内边距区左上角的偏移。偏移点是图像的左上角。

比如,如果设置值为 50px 100px,图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像素的位置上。

background-position:50px 100px;

背景关联。

background-attachment:fixed;

转载地址:http://vxzpa.baihongyu.com/

你可能感兴趣的文章
java推荐书籍及下载(持续更新)
查看>>
解决iframe周围的空白问题 td自适应iframe高度
查看>>
雷达标定
查看>>
[解决]小程序要求的 TLS 版本必须大于等于 1.2
查看>>
jQuery箭头切换图片 - 学习笔记
查看>>
第七周编程总结
查看>>
济南-1031试题解题报告
查看>>
最短路径(迪杰斯特拉算法)- 数据结构和算法64
查看>>
WCF或webservice跨域 这可能是由于试图以跨域方式访问服务而又没有正确的跨域策略...
查看>>
链表例题
查看>>
网站设置中的各个功能
查看>>
微软职位内部推荐-SW Engineer II for Skype
查看>>
python中的关键字符
查看>>
微软职位内部推荐-Senior Engineering Lead
查看>>
docker探索-CentOS7中配置Docker的yum源并升级安装docker1.13(十)
查看>>
开始学习WPF,发一款简陋的图片浏览工具 wpfimage-0.0.3
查看>>
Zookeeper 学习笔记之 Leader Election
查看>>
windws本地策略编辑器
查看>>
Ubuntu12.04下Linux内核模块动态加载
查看>>
yii2出现的400错误
查看>>