博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
背景属性的相关属性设置
阅读量:5969 次
发布时间:2019-06-19

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

背景的颜色:background-color:(与文字的颜色color设置一样,只是表示的属性值不一样)

      背景的颜色的设置可以分为:

    1. 英文定义的颜色的单词;
    2. 十六进制的书写方式;
    3. rgb(0,0,0)三原色的书写方式,数值是0~255之间的整数;
    4. rgba(0,0,0,0.0)前面三个同上,最后的一个表示的是颜色的透明度的方式数值是0~1之间的小数值。

背景的图片:background-image:

         语法:background-image:url(图片的路径);

         图片在标签中是默认平铺。

背景图片的重复设置:background-repeat

repeat:重复默认选项;

no-repeat:不重复,即不平铺;

repeat-x:横向平铺

repeat-y:纵向平铺;

背景图的定位设置:background-position

         绝对定位:x的坐标值 y的坐标值

         像素值:10px 10px;

         百分比:10% 10%;

         方位值定位:top | left | right | bottom

背景图是否随页面移动而移动:background-attachment

         scroll:随页面的移动而移动(默认值)

         filled:不会碎页面的移动而移动;

关于背景图的简写方式

        background:color url(路径) repeat(是否重复)position(定位)

 

转载于:https://www.cnblogs.com/792155879a/p/5723117.html

你可能感兴趣的文章
FastDFS存储服务器部署
查看>>
Android — 创建和修改 Fragment 的方法及相关注意事项
查看>>
swift基础之_swift调用OC/OC调用swift
查看>>
Devexpress 15.1.8 Breaking Changes
查看>>
ElasticSearch Client详解
查看>>
mybatis update返回值的意义
查看>>
expdp 详解及实例
查看>>
通过IP判断登录地址
查看>>
深入浅出JavaScript (五) 详解Document.write()方法
查看>>
Beta冲刺——day6
查看>>
在一个程序中调用另一个程序并且传输数据到选择屏幕执行这个程序
查看>>
代码生成工具Database2Sharp中增加视图的代码生成以及主从表界面生成功能
查看>>
关于在VS2005中编写DLL遇到 C4251 警告的解决办法
查看>>
提高信息安全意识对网络勒索病毒说不
查看>>
使用Jquery 加载页面时调用JS
查看>>
css+div+jquery弹出层
查看>>
求职相关(链接,不定期更新)
查看>>
maya pyside 多个窗口实例 报错 解决
查看>>
我的友情链接
查看>>
我的友情链接
查看>>