博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css背景样式
阅读量:5292 次
发布时间:2019-06-14

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

CSS背景background的样式主要有以下几种:

1、背景的颜色:background-color

背景颜色可以写成十六进制的以#开头,还可以是rgb格式rgb(255.0.0),还可以直接写成颜色的英文格式。

格式一:background-color:#fff;

格式二:background-color:rgb(255.0.0);

格式三:background-color:yellow;

 

2、背景的图片:background-image

格式:background-image:url('图片路径')

 

3、背景图片的位置:background-position

第一种可以使用top left right center bottom来规定位置

第二种可以使用两个百分比来规定位置,第一个是水平位置,第二个是垂直位置。

第三种使用单位像素来规定位置,如果只规定了一个值,那么另一个值就是50%。

 

4、背景图片的重复风格:background-repeat

不重复:background-repeat:no-repeat

水平重复:background-repeat:repeat-x

垂直纵向重复:background-repeat:repeat-y

 

5、背景图片的固定风格:background-attachment

随着HTML的内容滚动:默认情况下是这样的,不用设置。background-attachment:scroll

固定背景图像:background-attachment:fixed

继承父元素:background-attachment:inherit

转载于:https://www.cnblogs.com/look-up-at-the-starlit-sky/p/11184128.html

你可能感兴趣的文章
在现有的mysql主从基础上,搭建mycat实现数据的读写分离
查看>>
[Flex] flex手机项目如何限制横竖屏?只允许横屏?
查看>>
tensorflow的graph和session
查看>>
JavaScript动画打开半透明提示层
查看>>
Mybatis生成resulteMap时的注意事项
查看>>
jquery-jqzoom 插件 用例
查看>>
1007. Maximum Subsequence Sum (25)
查看>>
iframe的父子层跨域 用了百度的postMessage()方法
查看>>
图片生成缩略图
查看>>
关于Mysql select语句中拼接字符串的记录
查看>>
动态规划 例子与复杂度
查看>>
查看oracle数据库的连接数以及用户
查看>>
【数据结构】栈结构操作示例
查看>>
中建项目环境迁移说明
查看>>
三.野指针和free
查看>>
activemq5.14+zookeeper3.4.9实现高可用
查看>>
TCP/IP详解学习笔记(3)IP协议ARP协议和RARP协议
查看>>
简单【用户输入验证】
查看>>
python tkinter GUI绘制,以及点击更新显示图片
查看>>
Spark基础脚本入门实践3:Pair RDD开发
查看>>