CSS 背景background的使用方法

2025-05-05 07:07:21

1、首先我们使用实麻质跹礼例来说明背景的全部的使用方法和用法,background包括:background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position

CSS 背景background的使用方法

2、首先在网页添加<p>标签,并给<p>标签添加class为back

CSS 背景background的使用方法

3、在<head>头部添加<style>,在<style>中写样式

CSS 背景background的使用方法

4、第一个是background-color,这个属性可以元素添加背景颜色,参数可以使用十六进制的#FF0000,也可以用rgb(255,0,0),还可以用英文red

CSS 背景background的使用方法
CSS 背景background的使用方法

5、第二个background-image,为背景添加背景图片用法:background-image:url(图片地址),使用background-repeat:no-repeat属性去掉重复铺设

CSS 背景background的使用方法
CSS 背景background的使用方法

6、background-attachment:使用fixed参数使网页的背景图片固定,不会随着页面的滚动而变化位置

CSS 背景background的使用方法

7、background-position是设置背景图的位置,固定背景图的位置

CSS 背景background的使用方法
CSS 背景background的使用方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢